美文网首页javaScript学习大前端
前端如何做好错误监控?

前端如何做好错误监控?

作者: JokerPeng | 来源:发表于2017-07-06 13:14 被阅读19次

一、前端错误的分类

  • (1) 即时运行错误:代码错误
  • (2) 资源加载错误,如js、css加载失败等

二、错误的捕获方式

1、即时运行错误的捕获
  • (1) try...catch
  • (2) window.onerror
2、资源加载错误的捕获
  • (1) object.onerror
  • (2) performance.getEntries()
  • (3) Error 事件捕获
3、跨域的JavaScript运行错误可以捕获吗?应该怎么处理?

可以捕获,需要作2方面处理:

  • (1) 在客户端script标签增加 crossorigin属性
  • (2) 在服务端JavaScript资源响应头中设置Access-Control-Allow-Origin: *

三、上报错误的基本原理

1、采用Ajax通信的方式上报(不常用)
2、利用Image对象上报(常用)

如下例子:

<script type="text/javascript">
      (new Image()).src = 'http://baidu.com/abc?r=abc';
</script>

相关文章

  • 前端如何做好错误监控?

    一、前端错误的分类 (1) 即时运行错误:代码错误 (2) 资源加载错误,如js、css加载失败等 二、错误的捕获...

  • 4-4 错误监控

    错误监控类有两种问法:一种是直接问你如何监控JS错误,一种是问你如何保证产品的质量 前端错误分类即时运行错误(代码...

  • 前端监控体系建设

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

  • 报错监控-监控Promise错误

    上次我们聊过了前端监控 JS 执行错误和第三方资源加载异常的监控,那么这次来聊聊如何捕获 Promise 错误。 ...

  • Fundebug前端JavaScript插件更新至1.2.0

    摘要: Fundebug的前端JavaScript错误监控插件更新至1.2.0:支持监控WebSocket连接错误...

  • 前端异常监控

    为什么要做前端异常监控 有些问题只存在于线上特定的环境 后端错误有监控,前端错误没有监控 基本实现 参考我们nod...

  • 前端监控原理

    前端监控分为性能监控和错误监控。其中监控又分为两个环节:数据采集和数据上报。本文主要讲的就是如何进行数据采集和数据...

  • 前端监控插件

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

  • 前端错误监控

    前端错误的分类: 1、即使运行错误(js代码错误) 2、资源加载错误。 错误的捕获方式 1、即使运行错误(js代码...

  • 前端 错误监控

    错误类型: (1)代码错误/即时错误:(2)资源加载错误 错误监控方法 即时错误:try....catch.......

网友评论

    本文标题:前端如何做好错误监控?

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