浏览器会话重放分析器

会话重放要解决什么问题

在浏览器自动化测试和线上问题排查中，仅看日志往往难以还原用户的真实操作路径。当页面在脚本驱动下发生密集的 DOM 变更时，静态截图和文本日志无法回答"用户到底做了什么"。本技能针对的就是这类操作过程不可见的排查难题。

它如何工作

核心依赖 rrweb 录制库，通过 DOM 变更序列化把页面每次变化——元素增删、属性修改、样式变更、鼠标交互等——记录下来，形成可回放的会话数据。与 LogRocket API 和 FullStory 数据导出 API 集成后，会话数据可与产品侧的分析平台打通。基于 Puppeteer 的 MCP 服务器负责驱动浏览器自动化，在录制期间执行导航、点击、表单输入等操作，并在结束后提供调试能力。

关键步骤大致包括：

• 初始化录制环境，注入 rrweb 脚本
• 驱动浏览器执行目标操作序列
• 收集 DOM 变更事件流
• 导出会话数据并经 LogRocket / FullStory API 做后续分析

适用边界与注意点

本技能面向操作过程级回放的调试场景，而非简单的截图留证。rrweb 录制会产生较大的数据量，长会话需关注存储与传输成本。与 LogRocket、FullStory 的集成要求调用方已具备对应的数据导出权限和 API 凭据。基于 Puppeteer 的 MCP 服务器依赖本地 Chrome 环境，跨浏览器或移动端 H5 场景需额外评估兼容性。