前端错误捕获终级方案

前端错误捕获终级方案

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

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

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

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

mdn链接

解释一下:

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

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


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

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

posted @ 2019-04-18 17:55  htoooth  阅读(312)  评论(0编辑  收藏  举报