rrweb-lite ie录屏工具产品系统Vibe Coding

我要开发同款
奇山峰2026年10月15日
3阅读

技术信息

语言技术
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 包体、弹层动画误重播、弱网分片失败不丢尾部数据

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论