前端错误可归纳为两种类型,捕获方式如下:
1.即时运行错误(代码错误)
try{
//代码
}catch(e){
//错误信息
}
window.addEventListener('error', function(e){
//错误信息
})
2.资源加载错误
onerror 事件
http://www.w3school.com.cn/jsref/event_onerror.asp
支持该事件的 HTML 标签:<img>, <object>, <style>
支持该事件的 JavaScript 对象:window, image
performance.getEntries()
https://developer.mozilla.org/en-US/docs/Web/API/Performance/getEntries
返回一个数组,显示该页面所有静态资源的Timing信息,每个数组成员就是一个PerformanceResourceTiming对象
window.addEventListener('error', function(e){
//错误信息
}, true)
上报错误:
利用Image对象上报
(new Image()).src = "错误上报地址?err=错误信息"
//页面埋点通常也使用这种方式上报
利用ajax通讯上报
//与ajax请求类似