上一篇「前端监控:监控SDK手摸手Teach-架构篇(已开源)」讲的是SDK的整体架构，这篇讲的是监控代码的具体实现

本文的主要目的是介绍一种可扩展性较好的SDK架构，让后续业务迭代的代码更清晰明朗。这种架构已经在开源监控SDK:mitojs实践，有兴趣的小伙伴可以去瞅瞅~

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。

页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…

前端监控是相对于后端监控而言的，以往的后端监控只能记录接口被请求之后所发生的错误，但是现在随着用户复杂度不断提高，很多错误是在后端接口被请求以前就发生的JS错误。对于这种错误，传统的后端错误监控是无能为力的，因此前端监控应运而生。 最近想在公司的项目上部署前端监控，以主动捕捉用…

我们为什么要做前端系统呢，可以明显地从下表看出来，前端的性能对于产品的价值提升还是蛮有帮助的，但是这些信息如果我们能实时的采集到，并且实施以监控和报警，让整个产品在产品线上一直保持高效的运作，这是我们的目标，做前端监控只是为了达到这个目标的手段。 其次，前端监控能让我们即使发现…

本系列文章旨在讲解如何从零开始搭建前端监控系统。 您的支持是我们不断前进的动力。 本文是该系列第一篇，web探针sdk的设计与开发，重点讲解sdk包含的功能与实现。 promise异常无法用onerror或 try-catch捕获。可以监听unhandledrejection事…

由于前端环境的复杂性， 很多时候，我们不只是需要关注用户报出的错误， 还想知道是什么情况下发送，如何复现，这时候用户轨迹就很重要了。 1. 常见实现方案 a. 业界牛选： Sentry， sentry是一款很强大的前端错误监控软件， 并且可以通过安装plugins来实现其他很多…

前端监控可以分为三类：数据监控、性能监控和异常监控。 统计这些数据是有意义的，比如我们知道了用户来源的渠道，可以促进产品的推广，知道用户在每一个页面停留的时间，可以针对停留较长的页面，增加广告推送等等。 性能监控指的是监听前端的性能，主要包括监听网页或者说产品在用户端的体验。常…