js中的错误监控（二）【网络+资源加载】的错误捕获与上报

相关博客：

js中的错误监控（一）【promise，async，generator异步+内置错误类型】的错误捕获与上报
js中的错误监控（二）【网络+资源加载】的错误捕获与上报

---

一、网络错误类型

1.addEventListener监听全局网络error事件

1⃣️ 通过window.addEventListener来实现，网络异常可以在事件捕获的阶段捕捉到，addEventListener第三个参数设置为true
2⃣️ 代码必须放在文档载入之前
3⃣️ 通过e.srcElement来判断网络错误事件发生的元素
html:

<!-- 两个不存在的资源 -->
<script src="//baidu.com/test.js"></script>
<img src="//baidu.com/test.js" alt="图片加载中" />

js:

//addEventListener捕获网络请求错误
window.addEventListener(
  "error",
  e => {
   
    e.stopImmediatePropagation();
    const srcElement = e.srcElement;
    if (srcElement === w