正如标题所言，今天我们想要花一些时间来为大家完整的讲解前端【埋点、监控】的【全流程】。以补充很多同学在这一块的知识空白。 大纲 我们会从以下三个方向来讲解埋点......

团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。

页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来 这里的白屏是指页面一直处于白屏状态，要是能检测到页面白屏就太棒了……

经过几年的平台建设，vivo监控平台产品矩阵日趋完善，在vivo终端庞大的用户群体下，承载业务运行的服务数量众多，监控服务体系是业务可用性保障的重要一环，监控产品全场景覆盖生产环境各个环节。

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众多业务线。 据21年下旬统计

为什么要做前端监控 更快的发现问题和解决问题 做产品的决策依据 为业务扩展提供了更多可能性 提升前端工程师的技术深度和广度，打造简历亮点 2. 前端监控目标 2.1 稳定性 stabili

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…