f878cc032d
* CI: add a prettier GitHub action to format code automatically * improve GitHub Action config and format some files * Apply formatting changes * CI: make the prettier action a standalone action * Apply formatting changes * CI: add push as new trigger event Co-authored-by: Mark-Fenng <Mark-Fenng@users.noreply.github.com>
832 B
832 B
录制与回放
录制与回放是最常用的使用方式，适用于任何需要采集用户行为数据并重新查看的场景。
仅需一个函数调用就可以录制当前页面：
const stopFn = rrweb.record({
emit(event) {
// 保存获取到的 event 数据
},
});
你可以使用任何方式保存录制的数据，例如通过网络请求将数据传入至后端持久化保存，但请确保：
- 一组录制的数据按照 event.timestamp 中的时间戳从小至大保存
- 完整保存数据，不缺失任何一个 event。
如果需要手动停止录制，可以调用返回的 stopFn 函数。
回放时只需要获取一段录制数据，并传入 rrweb 提供的 Replayer：
const events = GET_YOUR_EVENTS;
const replayer = new rrweb.Replayer(events);
replayer.play();