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

如果真正做到无感知，那我们就不能借助浏览器或者系统系统的能力了。我们能做的就只能是通过js去操作了。 要在页面内直接录制视频似乎并不容易，没有现成的开源库可以使用，也没有很好的想法。 那我们换一个思路

前端监控体系搭建（错误、异常、白屏、性能监控、卡顿、pv等，接入日志、告警系统），前端监控SDK..

Web前端监控的方案 前端监控是一个非常重要的话题，对于业务的发展意义重大，就像遍布在城市各处的探头，实时监测整座城市的运行状况，保证系统的稳定、高效运行。

前端异常种类有哪些？怎捕获异常？sourcemap到底有啥用？如何搭建一个错误监控的平台？关于那些前端异常的秘密，本文结合源码带你一一揭开！！！（文章内容较长，需要点耐心啦~，先赞后看，年薪百万！！）

一、前端监控系统 1. 什么是监控系统？为什么要对项目监控？ 在IT界内，监控系统指对项目运行的各项指标的实时记录的系统或服务，旨在提升项目质量和量化项目的各项指标，为项目发展提供可量化的依据。 一般

方案：Sentry 集群搭建 关联标签: #Sentry #集群 #监控 #前端 #运维 背景 在前端团队的项目达到一定规模之后，对前端运行时的监控必不可少，目前团队使用开源的监控平台 Sentry

我们平常收集错误，大部分人、公司都采用的Sentry来收集，当然也有好多公司也有自研的前端监控。趁着最近我们组刚好要接入Sentry，并且要根据自己的调研来做一次分享。所以就总结出了下面的内容。

衡量一个站点性能的好坏，我们通常看两个方面: 首屏性能和页面加载以后整个交互的流畅程度。这两个指标的好坏，决定了站点是否可以