如果发现 bug 的时机越早，那么修复成本就越低。通过对应用中的错误或异常进行监控和自动反馈，有助于我们尽早发现隐蔽的问题，提升产品质量和研发效率。

无监督自动化测试，这个在我司有一定的应用; 不是我这边来做的，我这边只能说解释下思路。 首先说一下它的思路。 所有自动化测试中，最容易被自动化，以及投入产出比最高的，一般来说就是在接口测试上。对于接口

前端监控示例图，来自RealUserMonitoringforimprovingfrontendperformance|AtatusBrowser前端监控系统设计简介监控的分类按照常见的部署架构可以将

虽然在我们的项目上线前会有很多的测试流程，但是测试流程肯定无法保证 100%覆盖所有操作场景，在用户的使用过程中仍会有一些问题暴露出来。 但当线上用户出现问题，我们需要收到用户的一个反馈，才能排查。

我们首先重新复习一下如何使用XHR发送一个请求。 接下来我们看看sentry是如何捕获XHR的。 这里与fetch方法捕获是共用的方法，在sentry初始化的时候，我们可以通过tracingOrigins捕获哪些url，sentry通过作用域闭包缓存所有应该捕获的url，省去重…

代码是很难真正意义的完全按照开发者的想法运行的，意外情况总是层出不穷，放任不管显然不是一个合格的开发者该做的事情，错误信息该如何进行处理、收集以及分析显得尤为重要，这篇文章就对于这部分内容进行讨论。 那对于前端同学来说，错误往往会阻塞程序运行，并抛出一个错误，给用户极其不好的体…

1. "视频"并非真的视频、也不是通过连续播放大量截图来实现 视频中，当鼠标点击“场景重现”，会立即播放一段“视频”。它完整的记录了用户点餐时候遇到障碍之前的一段操作。这段“视频”看起来和真的视频几乎一样，所以会被误以为是通过录制视频来记录的。实际上，它并非视频。我们在客户端通…

在上一篇文章《前端监控SDK开发分享》中，对客户端SDK的实现做了分享。这篇文章将会分成四节（需求背景、系统架构与融合、数据收集与分析、问题发现与解决）分享介绍我们是如何打造前端监控系统的。 为了实现收集功能，我们需要提供一个前端监控平台，它能够收集数据、处理数据、存储数据、查…

1.前端监控体系概况一个完整的前端监控体系包括了采集、日志存储、日志切分&计算、数据分析、告警等流程，对于一名前端开发工程师来说，也就意味着工作不再局限于前端业务的开发工作，需要有Nginx服务运维能