前端异常监控

为了定位线上问题,前端和客户端很类似,需要进行一些异常收集工作。 通过定位到错误的位置以及错误出现的上下文,可以解决潜在的bug。

现状

现行有一些已经开源的前端异常监控库,如腾讯的badJs,全栈js监控fundebug,国外的sentry等。

原理

监听window下的onerror事件,然后进行一定的上报设计。 也可以对库(jquery等)和方法(setTimeout等)进行封装,具体参考badJs实现。

系统设计

系统设计需要考虑的问题主要有以下几点:

  1. sdk实现:错误拦截,代理监控,上报策略,API设计,以及日志接口
  2. 上报日志的可视化后台以及实时查询
  3. 压缩后的js文件怎么定位问题 -- source map

推荐文章

  1. 前端异常监控系统的落地--Git Chat 或者 前端异常监控系统的落地--知乎:详细介绍了整个前端异常监控系统的设计
  2. 如何做前端异常监控?:知乎问答
  3. 前端代码异常监控:对比了异常收集的两种方法: onerror和try catch

你可能感兴趣的:(前端异常监控)