前端错误的分类

• 资源加载错误
• 代码运行错误

错误的捕获方式

即时运行错误的捕获方式

• try - catch
• window.onerror

资源加载错误

• object.onerror
  • image 标签、script 标签上都可以加 onerror 事件
  • 资源加载错误不会冒泡，但会捕获
• performance.getEntries()
  • 获取所有已经加载资源的获取时长
• window 对象上通过事件捕获 Error 事件

注： addEventLitener('事件类型', function(e){ /回调函数/ },捕获 true 或冒泡 false )

一般情况下错误监控都是在捕获的阶段进行。

跨域的 JS 运行错误

因为了，只知道错误，但是无法定位错误信息 解决方法：

1. 客户端，在 script 标签上增加 crossorigin 属性
2. 服务端，设置 JS 资源响应头 Access-Control-Allow-Origin: *

上报错误信息

1. 采用 Ajax 通信上报
2. 利用 image 对象的 src 属性上报