当前位置: 首页 > news >正文

前端错误监控的方法有哪些

前端错误监控是指通过各种手段收集、分析和处理前端应用运行中发生的错误

常用的前端错误监控的方法有

  1. 使用 try catch 方法
    1. 捕获特定代码块中的错误
    2. 多用于处理特定函数或代码段可能抛出的异常,尤其是异步代码
  2. 网络请求错误监控
    1. promise.catch
    2. try catch
  3. 全局错误处理 / 重写错误捕获函数
    1. 在 js 代码中重写 window.onerror、console.error, img.onerror 等错误捕获函数
    2. 将错误信息上报到监控服务器【通过接口的形式】
  4. 使用错误监控库,来监控各种 js 错误、资源加载错误、ajax 请求错误
    1. sentry
      1. Sentry:在 Sentry 平台上创建一个项目,然后在前端代码中安装 Sentry 的 js SDK,并且初始化 SDK, SDK 会自动捕获js错误并上报到 Sentry 平台
      2. sentry 平台会上报的错误进行分析
        1. 错误信息:错误类型、错误消息、错误堆栈信息
        2. 错误发生的环境:浏览器版本、操作系统版本、页面URL
        3. 错误影响的用户:受影响的用户数量、手影响的用户区域等
      3. sentry 平台还提供了报警功能,当错误发生时及时通知相关人员
    2. 友萌
  5. 可以使用 node 的子进程来监控错误信息
    1. node 的子进程模块提供了丰富的功能来创建和管理子进程,可以使用子进程来监控错误信息
    2. 创建子进程
      1. child_process.spawn()
      2. const childProcess = require('child_process');// 使用 spawn 创建子进程
        const child = childProcess.spawn('node', ['errorScript.js']);// 使用 fork 创建子进程
        const child = childProcess.fork('errorScript.js');
        
    3. 监听错误事件
      1. 子进程会发出 error 事件,当子进程发生错误时会触发改事件
      2. childProcess.on()
      3. child.on('error', (err) => {console.error('子进程发生错误:', err);// 上报错误信息到监控服务器reportErrorMessage(err);
        });
        
    4. 捕获标准错误输出
      1. 子进程的标准错误输出可以通过 hild.stderr 属性获取
      2. 可以使用childProcess.on() 方法监听 data 事件来捕获标准错误输出。
      3. child.stderr.on('data', (data) => {console.error('子进程标准错误输出:', data.toString());// 上报错误信息到监控服务器reportErrorMessage(data.toString());
        });
        
    5. 上报错误信息

      1. 使用 http 请求

      2. 使用消息队列

      3. 使用日志记录库

        1. Log4js

        2. Sentry

        3. Winston

  6. node 的主进程发生错误

    1. 使用 process.on('uncaughtException')事件,在主进程发生未捕获的异常时触发

    2. 使用第三方库 

      1. PM2: 用于管理 node.js 应用程序的进程管理器,提供了监控主进程错误的功能

      2. strong-agent: 监视和重启 node.js 应用程序的工具,提供了监控主进程错误的功能

相关文章:

前端错误监控的方法有哪些

前端错误监控是指通过各种手段收集、分析和处理前端应用运行中发生的错误 常用的前端错误监控的方法有 使用 try catch 方法 捕获特定代码块中的错误多用于处理特定函数或代码段可能抛出的异常,尤其是异步代码网络请求错误监控 promise.catchtry catch全局错误处理…...

✌粤嵌—2024/3/11—跳跃游戏

代码实现&#xff1a; 方法一&#xff1a;递归记忆化 int path; int used[10000];bool dfs(int *nums, int numsSize) {if (path numsSize - 1) {return true;}for (int i 1; i < nums[path]; i) {if (used[path i]) {continue;}path i;used[path] 1;if (dfs(nums, num…...

Docker入门实战教程

文章目录 Docker引擎的安装Docker比vm虚拟机快 Docker常用命令帮助启动类命令镜像命令docker imagesdocker searchdocker pulldocker system dfdocker rmi 容器命令redis前台交互式启动redis后台守护式启动Nginx容器运行ubuntu交互式运行tomcat交互式运行对外暴露访问端口 Dock…...

数据结构初阶:二叉树(一)

树概念及结构 树的概念 树是一种 非线性 的数据结构&#xff0c;它是由 n &#xff08; n>0 &#xff09;个有限结点组成一个具有层次关系的集合。 把它叫做树是因 为它看起来像一棵倒挂的树&#xff0c;也就是说它是根朝上&#xff0c;而叶朝下的 。 有一个特殊的结点&a…...

基于逻辑回归和支持向量机的前馈网络进行乳腺癌组织病理学图像分类

CNN&#xff08;卷积神经网络&#xff09;通过使用反向传播方法来学习特征&#xff0c;这种方法需要大量的训练数据&#xff0c;并且存在梯度消失问题&#xff0c;从而恶化了特征学习。 CNN卷积神经网络 CNN由一个多层神经网络组成&#xff0c;该网络从标记的训练数据集中学习…...

35-4 fastjson漏洞复现

环境准备:35-2 fastjson反序列化漏洞介绍 及漏洞环境搭建-CSDN博客 fastjson_tool.jar下载:fastjson_rce_tool: fastjson命令执行自动化利用工具, remote code execute,JNDI服务利用工具 RMI/LDAP (gitee.com) 一、攻击机kali开启nc监听6666端口(或其他端口也行,只要不…...

Qt-控件篇

QPushbutton 1、设置按钮文本 pushButton->setText("按钮"); 2、获取按钮文本 pushButton->text(); 3、设置按钮的大小为特定值&#xff08;宽度和高度&#xff09; pushButton->setFixedSize(width,height); 4、设置按钮悬停时的工具提示文本。 pushButto…...

实现 Table 的增加和删除,不依赖后端数据回显

需求 删除前 删除后 分析 首先写一个 Table <a-card style"width:100%"><template#extra><a-button type"text" click"addSelectItem" style"margin-right: 5px">添加</a-button><a-button type&quo…...

个人网站开发记录(七)——三系统后端nodejs+express

前言 这种已经完全工程化了的&#xff08;&#xff09;后端其实已经没啥好说的了&#xff0c;因为就是单纯的写接口然后调用接口就完事了&#xff01; 正文 唯一值得一提的大概是我在写这个系统的时候搞了https的链接&#xff0c;具体来说就是先申请一个ssl证书&#xff0c;…...

C#入门理解设计模式的6大原则

**设计模式的原则是指导设计模式创建和应用的基本原则&#xff0c;这些原则有助于创建灵活、可维护且可扩展的软件系统。**1. 单一职责原则&#xff08;Single Responsibility Principle, SRP&#xff09; 单一职责原则指出一个类应该只有一个引起它变化的原因。换句话说&…...

Linux如何切换root用户

Linux如何切换root用户 sudosudo -i想一直使用root权限&#xff0c;可以使用su命令 sudo 执行命令后&#xff0c;输入用户密码可以短暂的获取root权限 sudo -i 通过此命令直接输入当前管理员用户的密码就可以进入root用户了 想一直使用root权限&#xff0c;可以使用su命令 …...

uniapp小程序编译报错

说明 微信小程序编译每次都出现[ project.config.json 文件内容错误] project.config.json: libVersion 字段需为 string, 解决 找到manifest.json文件 添加&#xff1a;"libVersion": "latest"&#xff0c;重新编译即可。...

van-uploader 在app内嵌的webview中的一些坑

问题&#xff1a; 部分版本在ios 中没有问题&#xff0c;但是安卓中不触发图片选择和拍照&#xff08;之前是可以的&#xff0c;可能是没有锁定版本&#xff0c;重新发版导致的&#xff09;。在ios中下拉文案是英文&#xff0c;html配置lang等于 zh 也没有用&#xff0c;ios里…...

使用Kotlin进行全栈开发 Ktor+Kotlin/JS

首发于Enaium的个人博客 前言 本文将介绍如何使用 Kotlin 全栈技术栈KtorKotlin/JS来构建一个简单的全栈应用。 准备工作 创建项目 首先我们需要创建一个Kotlin项目&#xff0c;之后继续在其中新建两个子项目&#xff0c;一个是Kotlin/JS项目&#xff0c;另一个是Ktor项目。…...

数据结构_带头双向循环链表

List.h 相较于之前的顺序表和单向链表&#xff0c;双向链表的逻辑结构稍微复杂一些&#xff0c;但是在实现各种接口的时候是很简单的。因为不用找尾&#xff0c;写起来会舒服一点。&#xff08;也可能是因为最近一直在写这个的原因&#xff09; #pragma once #include<std…...

常见的垃圾回收器(下)

文章目录 G1ShenandoahZGC 常见垃圾回收期&#xff08;上&#xff09; G1 参数1&#xff1a; -XX:UseG1GC 打开G1的开关&#xff0c;JDK9之后默认不需要打开 参数2&#xff1a;-XX:MaxGCPauseMillis毫秒值 最大暂停的时间 回收年代和算法 ● 年轻代老年代 ● 复制算法 优点…...

网桥的原理

网桥的原理 1.1 桥接的概念 简单来说&#xff0c;桥接就是把一台机器上的若干个网络接口“连接”起来&#xff0c;其结果是&#xff0c;其中一个网口收到的报文会被复制给其他网口并发送出去。以使得网口之间的报文能够互相转发。 交换机有若干个网口&#xff0c;并且这些…...

STM32 CAN过滤器细节

STM32 CAN过滤器细节 简介 每组筛选器包含2个32位的寄存器&#xff0c;分别为CAN_FxR1和CAN_FxR2&#xff0c;它们用来存储要筛选的ID或掩码 四种模式 模式说明32位掩码模式CAN_FxR1存储ID&#xff0c; CAN_FxR2存储哪个位必须要与CAN_FxR1中的ID一致 &#xff0c; 2个寄存器…...

网络编程(现在不重要)

目录 网络编程三要素与InetAddress类的使用 软件架构 面临的主要问题 网络编程三要素&#xff08;对应三个问题&#xff09; InetAddress的使用 TCP与UDP协议剖析与TCP编程案例&#xff08;了解&#xff09; TCP协议 UDP协议 例子 UDP、URL网络编程 URL&#xff1a;&…...

10-菜刀连接木马

找到了漏洞后&#xff0c;并且上传了木马之后才能使用的两款工具 中国菜刀和冰蝎 想办法获取别人的cookie&#xff0c;cookie中有session-id 一、中国菜刀 1、必须提前已经完成木马植入然后才能使用 2、木马必须是POST请求&#xff0c;参数自定义&#xff0c;在菜刀里给出…...

漏洞审计实战:从思维模式到工具协同的代码安全深度剖析

1. 项目概述&#xff1a;从“bug-audit-skill”看漏洞审计的实战化沉淀最近在GitHub上看到一个名为“bug-audit-skill”的项目&#xff0c;作者是abczsl520。这个项目名直译过来就是“漏洞审计技能”&#xff0c;它不像一个具体的工具&#xff0c;更像是一个知识库或经验集。在…...

企业级应用awesome-stock-resources:商业项目合规使用终极指南

企业级应用awesome-stock-resources&#xff1a;商业项目合规使用终极指南 【免费下载链接】awesome-stock-resources :city_sunrise: A collection of links for free stock photography, video and Illustration websites 项目地址: https://gitcode.com/gh_mirrors/aw/awe…...

【Git Graph】 全解析:把Git提交历史玩明白的开发者神器

写在前面&#xff1a;无论是个人开发还是团队协作&#xff0c;Git早已是开发者的标配工具。但90%的开发者都踩过同一个Git的坑&#xff1a;对着命令行里密密麻麻的提交记录发呆&#xff0c;看不懂多分支的分叉与合并流向&#xff0c;想回滚版本却找不到对应的commit&#xff0c…...

基于MCP协议与Playwright构建AI浏览器自动化服务器

1. 项目概述&#xff1a;当AI助手学会“动手”&#xff0c;一个浏览器自动化MCP服务器的诞生如果你和我一样&#xff0c;日常重度依赖Claude、Cursor这类AI编程助手&#xff0c;那你肯定遇到过这样的场景&#xff1a;你正和AI热烈地讨论一个技术方案&#xff0c;突然需要它帮你…...

RANSAC算法调参指南:迭代次数和容差阈值到底怎么设?附Python/Matlab实例

RANSAC算法实战调参手册&#xff1a;从理论到代码的深度解析 在三维重建、自动驾驶和工业检测等机器视觉应用中&#xff0c;数据噪声和异常值一直是模型拟合的噩梦。传统最小二乘法就像一位过分认真的学生&#xff0c;试图让所有数据点都满意&#xff0c;结果却被少数离群点带偏…...

手把手教你用Python/Node.js快速接入抖音开放平台,实现用户信息获取

Python/Node.js实战&#xff1a;抖音开放平台用户信息获取全流程解析 抖音开放平台为开发者提供了丰富的用户数据接口&#xff0c;但很多技术团队在对接过程中常因OAuth2.0流程复杂而卡在授权环节。本文将用两种主流技术栈演示如何快速完成从授权到获取用户信息的完整闭环。 1.…...

服装吊牌变量条码打印机:优质供应商选择策略解析

“选对服装吊牌变量条码打印机供应商&#xff0c;比单纯比价更重要的是匹配柔性生产需求——这是超六成服装从业者反馈的采购核心准则。”中小商家面临小批量吊牌外发成本高、出货慢的困境&#xff0c;大企业则受限于多SKU适配难、数据不同步的痛点&#xff0c;如何找到能覆盖全…...

FPGA硬件在环验证:GateRocket方案加速系统级调试

1. 项目概述&#xff1a;为什么FPGA验证需要“硬件在环”&#xff1f;在FPGA设计领域&#xff0c;尤其是当项目规模膨胀到数百万甚至上千万门级时&#xff0c;纯软件仿真&#xff08;Simulation&#xff09;会变成一个令人头疼的瓶颈。想象一下&#xff0c;你写了一段新的RTL代…...

HFSS新手避坑指南:手把手教你设置Floquet Port和主从边界(附矩形波导实例)

HFSS阵列仿真实战&#xff1a;从Floquet Port到主从边界的精准设置 第一次打开HFSS准备仿真周期性结构时&#xff0c;那种既兴奋又忐忑的心情我至今记忆犹新。作为计算电磁学领域的黄金标准工具&#xff0c;HFSS在阵列天线、频率选择表面等周期性结构分析中展现出无可替代的价…...

如何快速掌握硬件性能优化:面向暗影精灵的完整教程

如何快速掌握硬件性能优化&#xff1a;面向暗影精灵的完整教程 【免费下载链接】OmenSuperHub 使用 WMI BIOS控制性能和风扇速度&#xff0c;自动解除DB功耗限制。 项目地址: https://gitcode.com/gh_mirrors/om/OmenSuperHub 你是否曾经在玩游戏时突然遭遇卡顿&#xf…...