2022-09-29质量保障00
请注意,本文编写于 570 天前,最后修改于 570 天前,其中某些信息可能已经过时。

前端错误的分类

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

错误的捕获方式

即时运行错误的捕获方式

  • 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 属性上报

本文作者:前端小毛

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!