错误监控

一、知识点

1、前端错误的分类
2、错误的捕获方式
3、上报错误的基本原理

二、问题

1、如何监视js错误
2、如何保证你的产品质量

前端错误的分类

1、即时运行错误：代码错误
2、资源加载错误

捕获方式：

代码错误
1、try catch
2、window.onerror

资源加载错误
1、object.onerror（不冒泡）节点上绑
2、performance.getEntries（）所有已加载资源的加载时长
3、Error事件捕获

window.addEventListener('error',function(e){
    console.log('捕获',e);
},false)

跨域的js运行错误可以捕获吗，错误提示什么，应该怎么处理？

1、在script标签增加crossorigin属性
2、设置js资源响应头Access-Control-Allow-Origin：*

上报错误的基本原理

1、采用ajax通信方式上报
2、利用Image对象上报

(new Image()).src="http://baidu.com/tesjk?r=tksjk";