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

这是我参与「第四届青训营」笔记创作活动的第2天，我们小组的组队大项目为前端监控系统，其中白屏检测为我负责的模块之一，本次笔记记录一下本模块的开发进度。

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔

本文使用「署名 4.0 国际 (CC BY 4.0)」 许可协议，欢迎转载、或重新修改使用，但需要注明来源。 最近项目组决定将前端异常监控由 Fundebug 切换为 Sentry。整个切换过程可以说

前言 这是一篇由浅入深地讲述如何对用qiankun实现的微前端项目接入Sentry的文章。在这篇文章中，我会列举描述两个接入方案，然后再细致地分析方案中涉及到的原理。 通过这篇文章，你将学会：

sentry对于前端工程师来说并不陌生，本文主要通过源码讲解sentry是如何实现捕获各种错误。 addInstrumentationHandler收集相关的回调并调用对应方法对原生方法做二次封装。 在sentry初始化的时候，我们可以通过tracingOrigins捕获哪些u…

公司的项目上线出现问题后难以定位错误，研究过现存的错误监控方案，受限于特殊条件只能定制自己的错误收集方案。 基于以上背景我撸出来一个错误日志收集方案 - Ohbug。 除此之外，addEventListener 还可以捕获资源加载错误、未 catch 的 promise 错误。…

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

在前面一章我们学习了 Web Performance Timing Api 可以用来分析web应用的资源加载、手动卡点的性能（时间），那么我们现在就来看看怎么使用Resource Timing 来分析我们的静态资源的加载情况。 开发：我用我的(手机|电脑)测试了没有问题啊很快啊…