前端错误捕获终级方案

前端错误分好些类,接口错误应该没有问题,函数错误可能要自己进行 try catch

运行时的错误可以通过 windows.onerror 进行处理。

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

资源加载错误, 如 css 加载错误,image 加载错误,可能没有很好方案。

今天找代码时,发现了一个能处理资源加载错误的方案。如下:

 前端错误捕获终级方案 随笔

mdn链接

解释一下:

一般资源类的加载错误处理,都会在自己的 'onerror' 处理器中,如果你对全局增加 error 事件进行处理,同时设置 capture = true

那这个资源类的加载错误就会被捕获。具体代码如下:


window.addEventListener('error', function(e) {
  console.log(e);
}, true

你可以把这段代码加到你代码中,查看下情况,通过这个代码你就能监控资源类的加截错误了。

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄