美文网首页
前端监控

前端监控

作者: _MEmeNTO_ | 来源:发表于2018-03-12 17:26 被阅读0次

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

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

相关文章

  • 前端异常监控解决方案研究(转)

    前端监控包括行为监控、异常监控、性能监控等,本文主要讨论异常监控。对于前端而言,和后端处于同一个监控系统中,前端有...

  • 【前端】异常监控解决方案研究

    前端监控包括行为监控、异常监控、性能监控等,本文主要讨论异常监控。对于前端而言,和后端处于同一个监控系统中,前端有...

  • 前端埋点技术文档

    前端监控和前端埋点方案设计 阿里前端监控实践

  • 前端监控和前端埋点

    前端监控和前端埋点,一个是目的,一个是实现方式,做前端埋点,是为了做前端监控,那为什么要做前端监控呢? 前端监控的...

  • 前端异常监控解决方案研究

    本文出自 Tencent CDC(前端异常监控解决方案研究) 前端监控包括行为监控、异常监控、性能监控等,本文主要...

  • 前端异常监控平台搭建

    一、资料收集 前端异常监控系统的落地前端异常监控解决方案研究从初级到高级前端---异常监控系统的搭建从无到有<前端...

  • 前端异常监控解决方案研究

    摘要: 异常监控不复杂也不简单啊... 原文:前端异常监控解决方案研究 作者:frustigor 前端监控包括行为...

  • 前端监控插件

    1、简介 monitorjs_horse 是一款前端监控工具,主要包含下面几个方面信息监控: 1)前端错误异常监控...

  • 前端监控之系列

      准备出前端监控分享一个系列,现在前端关于前端监控两极分化严重:中小型公司觉得监控没啥用,优先保证业务上线,等出...

  • 前端监控体系建设

    前端监控体系主要分为错误监控、性能监控、业务监控及安全监控三个方面。 一、错误监控 (一)监控范围 js语法错误、...

网友评论

      本文标题:前端监控

      本文链接:https://www.haomeiwen.com/subject/asxofftx.html