怎么设计一套前端监控系统？

我会做四层：错误采集用 window.onerror 捕获同步异步错误、unhandledrejection 捕获 Promise；性能采集用 PerformanceObserver 拿 FCP/LCP/CLS；行为采集记录路由变化和关键点击；上报做批量合并、采样控制，失败用 sendBeacon 兜底。数据进来后按版本和页面聚合出告警。

我在项目里接过 Sentry 并做过自研补充。踩过三个坑：跨域脚本的错误拿不到堆栈，要给脚本加 crossorigin 并配 CORS；sourcemap 不能上传到线上，要在构建时上传到监控平台；采样不能一刀切，错误全量、性能按 10% 采样。监控要回答三个问题：影响了多少人、哪个版本引入、怎么复现。

监控系统我会从数据价值倒推设计：告警链路要秒级、要能聚合去噪，否则没人看；定位链路要有用户维度回放——错误堆栈、行为轨迹、网络请求关联；治理链路是把错误和版本、发布人自动关联形成闭环。指标上除了 Web Vitals，更要定义业务级指标如支付页 JS 错误率，技术监控最终服务业务可用性。

追问『上报会不会影响性能』：批量合并、空闲时发送、sendBeacon 不阻塞卸载；『白屏怎么监控』：渲染完成后检测根节点是否有内容加采样截图上报，结合接口成功率归因；『怎么防止刷量』：上报加签名和时间窗限频，服务端做异常流量识别。