感兴趣的读者可以点击阅读。 本文通过梳理前端错误监控知识、介绍sentry错误监控原理、sentry初始化、Ajax上报、window.onerror、window.onunhandledrejection几个方面来学习sentry的源码。 开发微信小程序，想着搭建小程序错误监…

我们使用 window.onerror 捕获一般情况下 JS 错误的异常信息。 try...catch.. 埋点模式 - 调用埋点SDK的函数，在需要埋点的业务功能上去调用接口上报埋点数据，也可使用第三方的数据统计服务商友盟等。

只有在开发环境，我们才会使用 sourceMap，线上环境如果加载 sourceMap，不仅影响用户体验，而且也会暴露源代码。

这样需要说明一下, 我一开始没执行这一步操作, 虽然在构建过程中程序会给我们新建这些本该有的目录. 然而, 后续出现的一连串让人崩溃的问题, 譬如There was an error loading data, 也会与此相关. 在部署到linux机器上时, 出现过一种情况就是:…

前端监控一直开发生产中很重要的一环，因为组内原本的项目监控机制不能通用以及新项目暂时还没有完善的前端监控，所以想着自己研究搭建一下可行的前端监控方案。所以就有了这篇文章，小公司节约成本，收费的监控方案就不考虑了，采用的就是免费方案中最主流的 sentry～😄 回归本质，学 D…

本文将结合工作，描述一下前端监控系统Sentry搭建过程中，背景、设计、实现、思考四个方面的感悟及问题。 监控从字面含义来看包含两方面内容：监，监测的是代码；控，控制的是质量。监控是工具而不是目的，不是为了具有功能而监控，而是要通过监控，真正了解页面运行情况，以达到代码运行质量…

测试同学测出来。 缺点：现在浏览器版本、手机机型太多，兼容性问题很难测完全。另外有些项目流程非常长和复杂，测试同学不能确保每次都能覆盖100%的Case； 同事code review。 上线线后用户投诉反馈。 缺点：用户的机型、浏览器百花齐放，我们复现问题很困难。另外大多用户不…

总之是一个听起来非常牛逼的开源的报错收集服务，目前公司里有一个比较奇怪的现象，server、app都有对应的监控系统，唯独H5没有完美的解决方案。可能是H5诡异的case太多了，而且追查还需要依赖sourcemap，麻烦。但能及时获取页面报错的工具，深受前端开发者的喜爱，对于线…

当前互联网产品竞争激烈的环境下，前端研发在一个产品的生产链上承担了越来越重要的角色。作为直达用户的一层应用，跟安卓IOS的原生App一样，可以说是直接衡量一个项目产品好坏的第一道关口。 和原生应用不同的是，前端应用在运行环境方面存在太多不可控的复杂因素，并没有一个相对稳定运行环…