请注意,本文编写于 431 天前,最后修改于 431 天前,其中某些信息可能已经过时。
前端错误的分类
错误的捕获方式
即时运行错误的捕获方式
- try - catch
- window.onerror
资源加载错误
- object.onerror
- image 标签、script 标签上都可以加 onerror 事件
- 资源加载错误不会冒泡,但会捕获
- performance.getEntries()
- window 对象上通过事件捕获 Error 事件
注: addEventLitener('事件类型', function(e){ /回调函数/ },捕获 true 或冒泡 false )
一般情况下错误监控都是在捕获的阶段进行。
跨域的 JS 运行错误
因为了,只知道错误,但是无法定位错误信息
解决方法:
- 客户端,在 script 标签上增加 crossorigin 属性
- 服务端,设置 JS 资源响应头
Access-Control-Allow-Origin: *
上报错误信息
- 采用 Ajax 通信上报
- 利用 image 对象的 src 属性上报