前端监控方式

114 阅读1分钟

前端错误可归纳为两种类型,捕获方式如下:

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请求类似