前端监控

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

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请求类似
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容