浏览器端 JS 异常监控算是前端领域的老生常谈了，必要性与重要性不言自明，它看起来非常简单却也容易在实施中各种碰壁。JS 有跟其他主流语言类似的异常机制，浏览器也有相关的异常捕获接口，但是不同浏览器之间实现上的差异需要针对性处理。生产环境部署的 JS 一般都经过压缩，如果要定位异常在源码中对应位置需要利用 sourcemap 来处理代码位置映射。

本次分享介绍百姓网在 JS 异常监控方面的探索过程。了解和借鉴其他团队的经验，对比之后制定适合自己项目的方案，力争对现有代码的影响最小化。在了解 window.onerror 的限制与不足后，利用 Babel 进行 AST 转换，将 JS 代码用 try catch 包装起来，并依据浏览器特性分别加载源 JS 和包装后的 JS。上报的异常数据发送到服务端（sentry）用于检索和统计，既可以结合 sourcemap 查看异常对应源码位置的上下文代码，也可以配合灰度测试与异常预警机制提前发现问题。除此之外还有很多细节上的小问题，例如噪音消除、浏览器 Error 对象实现差异等。