在前端开发中，当源码在生产环境报错时，我们通常会遇到难以理解的压缩代码。然而，借助Source Map技术，并结合报错堆栈信息或报错文件的行列信息，我们可以使用Node来分析Source Map，实现

页面性能对于用户体验、用户留存有着重要影响，当页面加载时间过长时，往往会伴随着一部分用户的流失，也会带来一些用户差评。性能的优劣往往是同类产品中胜出的影响因素，也是一个网站口碑的重要评判标准。 一、名

最近实现了基于 WebRTC 视频流实现录屏功能，本质还是直接使用原生的 MediaRecorder API

无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了

在 Web 监控场景中，除了常见的如 FP、FCP、LCP 等都属于页面加载时的性能指标，而页面运行时性能问题同样会导致不好的用户体验，为了能及时发现、定位到这些问题，因此需探索运行时的性能监控方案。

想象一下您正在访问我们的W3C网站，如果Web内容在一定时间内没有显示在屏幕上，那么作为用户，也许您只是关闭选项卡，然后转到其他选项。但是，作为开发人员，您可能希望跟踪请求和导航详细信息中的提示，以便找出导致此网页速度下降的原因。 幸运的是，大多数浏览器供应商都愿意公开允许开发…

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

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

本文分享如何自研前端监控系统之（三）错误监控；聊聊如何对 JS异常、静态资源异常、Promise异常、Http异常、Vue异常等进行一个错误监控，并解析错误信息，如何分析source-map等；