前端错误捕获终级方案

前端错误捕获终级方案

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

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

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

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

ｍdn链接

解释一下：

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

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

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

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