错误监控

1.错误的分类
2.错误的捕获方式
3.上报错误的基本原理
*如何保证产品质量(问的就是错误监控)

错误的分类

1.即时运行错误:代码错误
2.资源加载错误:js,css,图片加载失败

错误的捕获方式
  • 即使运行错误:
    1.try...catch
    2.window.onerror
  • 资源加载错误(这种错误不会冒泡):
    1.object.onerror
    2.performance.getEntries()
    3.Error事件捕获

用捕获拿到资源加载的错误:

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

延伸:跨域的js运行错误可以捕获吗,错误提示是什么,如何处理
跨域可以拿到错误,但不详细
1.在script标签增减crossorign属性
2.设置js资源响应头Access-Control-Allow-Origin:*
这样才能拿到详细错误

上报错误

1.Ajax(不常用)
2.Image(所有的监控体系都这样的,简单)

<script>
    (new Image()).src="http://baidu.com/tesjk?r=tksjk";
    tesjk?上报路径
    r=tksjk加信息
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • *如何保证产品质量? 一、前端错误的分类1.即时运行错误:代码错误 2.资源加载错误:(js、css、图片加载失败...
    飞菲fly阅读 1,326评论 2 1
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,676评论 25 709
  • 话不多说,直入正题。 先上图,看一下监控的效果。 如下是监控我们网站系统错误的邮件。包含了请求的url地址,以及详...
    王利奥阅读 2,054评论 0 2
  • 汝不知,潇洒挥搏孤自魄,浪得虚名功难舍。 汝不知,清流溪水悲春秋,修得华发弄浮舟。 饮下这一季凉薄,吟出这一世烟雨...
    木决阅读 618评论 4 14
  • 忙忙碌碌就把大一上半个学期混了过去,。感觉每天都在忙碌却什么事情也没干成,感觉每天都在学习,可期末却是像与课...
    蹦恰恰1998阅读 168评论 0 0