主流录屏库(如 rrweb)在 IE11 上不可用或过重,而投标投保等政务/金融渠道仍大量依赖 IE。需要一套轻量、可独立发布的录制回放能力,解决「旧内核无法留痕、纠纷难复盘」问题。
面向电子保函、投标投保等需操作回溯的场景:监管或内控要求还原用户填写、勾选协议、提交投保等关键步骤。Chrome 用现有方案,IE11 用本库补齐双内核留痕。
点击空白处退出提示
语言技术
JavaScript系统类型
Web、H5行业分类
开发工具
主流录屏库(如 rrweb)在 IE11 上不可用或过重,而投标投保等政务/金融渠道仍大量依赖 IE。需要一套轻量、可独立发布的录制回放能力,解决「旧内核无法留痕、纠纷难复盘」问题。
面向电子保函、投标投保等需操作回溯的场景:监管或内控要求还原用户填写、勾选协议、提交投保等关键步骤。Chrome 用现有方案,IE11 用本库补齐双内核留痕。
Recorder:页面快照 + 点击/输入/滚动等交互采集,输出可持久化 events
Player:按 events 回放,支持播放/暂停/倍速/进度
工程能力:npm 发布、构建压缩、示例页、rr-block 屏蔽敏感节点
npm地址:https://www.npmjs.com/package/rrweb-lite
主要负责 rrweb-lite 核心设计与实现、npm 发包与版本迭代;对接客户/管理端双内核分;攻坚 IE11 漏采、弹窗去重、滚动/进度弹窗回放、启停与上传稳定性等问题。
技术栈:原生 JS、CommonJS、Terser 构建,无重型运行时依赖
架构:录制/回放分离;库与具体业务解耦
亮点:专为 IE 轻量化;快照去重与交互补帧平衡完整与性能
难点:IE 性能与大 DOM 包体、弹层动画误重播、弱网分片失败不丢尾部数据



评论