Skip to content

内部设计 ​

介绍 rrweb 最初的设计理念及其内部工作机制的技术设计文档。

  • 序列化 —— rrweb 如何捕获完整的 DOM 快照,包括跨域 iframe、canvas 以及媒体元素。
  • 增量快照 —— 在初始快照之后,如何记录 mutation、input 事件、滚动等增量变化。
  • 回放 —— 如何以高精度的时间控制和尽量小的宿主页面影响来回放录制的事件。
  • 沙箱 —— 回放器如何使用 iframe 沙箱来安全地回放页面,而不执行其中的脚本。