神策数据王磊：如何用 JS 实现页面录制与回放

 

 

本文根据神策数据资深前端研发工程师王磊《如何用 JS 实现页面录制与回放》的直播整理而成。以下为正文：

一、业务背景

对于研发来说，总是需要处理一些线上问题。To B 和 To C 企业在应对线上问题的流程上有很多相似之处，同时也存在一定差异点。

对于 To C 企业，我们通常会通过用户反馈或线上实时监控系统获取到系统异常状态，同时我们整合获取到的用户环境、系统、配置、版本等信息在本地进行调试复现，成功复现后进行 bugfix 和发布操作。

而对于 To B 企业，总体流程和前者很相似，但是 To B 的性质决定了我们很难获取到问题的上下文和监控内容，往往需要客户、售后、技术支持或相应的值班人员进行信息传递来协助研发定位问题。同时，不同企业类型的客户环境也是对研发的一种挑战，研发无法像普适的 To C 环境一样去模拟 To B 客户的上下文，这对问题定位起到一定的阻碍作用。

为了提高定位线上问题的效率，我们着手调研并落地了内部异常诊断平台。在无需进入客户真实环境的情况下，通过客户提供的诊断