前端错误监控

1、前端错误的分类:

  即时运行错误:代码错误

  资源加载错误:css,js加载出错

2、错误的捕获方式:

  (1)、即时运行错误:

    try...catch      window.onerror

  (2)、资源加载错误:

    object.onerror(window.onerror无法捕获资源(css/js/图片)加载错误的原因是,资源加载不会冒泡)

    performance.getEntries()   (高级浏览器)

    Error事件捕获

3、跨域的js错误可以捕获吗,提示是什么,应该怎么处理?

  前端错误监控_第1张图片

  (1)、在script标签上增加 crossorigin 属性

  (2)、设置js 资源响应头 Access-Control-Allow-Origin: *

4、上报错误的基本原理:

  (1)、采用 ajax 通信的方式上报

  (2)、利用 Image 对象上报

(new Image()).src =   'http://baidu.com/test?r=abc';

你可能感兴趣的:(前端错误监控)