完整的前端监控平台通常分成三块：采集与上报、整理与存储、展示与分析。本文只讲第一块，从 0 搭一个可运行的埋点 SDK，并把指标采集方式对齐到当前浏览器与 Core Web Vitals 的常见做法。

​ 1、需求背景 最近在研究前端项目的监控，找到了web-see这个工具，jake/web-see，还有使用demo，https://github.com/xy-sea/web-see-demo 。这

WebTracing是专为前端项目设计的JavaScript埋点SDK，支持行为追踪、性能监测等，减轻前端监控负担。支持Vue2/3等安装方式，提供丰富监控手段，助力数据驱动决策。

引言 在前端开发中，监控用户体验是非常重要的一项工作。其中，检测页面是否白屏是一个关键的指标，它可以帮助我们及时发现页面加载问题，提升用户体验。本文将介绍前端监控SDK中如何检测页面是否白屏的方式。

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

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊

众所周知，几乎没有一个开发者能够做到开发时100%没有Bug，那么一旦我们的产品出了问题，快速定位问题是迫切需要做的事。今天就与大家一起探讨一下我们在Web场景中的异常错误数据如何收集以及如何上报。