勵志

勵志人生知識庫

rrweb原理

rrweb的原理是通過記錄初始頁面的DOM狀態或特定時刻的DOM狀態,然後收集不同時間點的操作指令或某個時刻某個DOM的變化,作為增量快照。

在原先的快照基礎上,不斷加入根據行為解析的DOM數據,從而構建後續的快照。這種方法可以減少大量數據的存儲或傳輸,實現web頁面的錄製和回放。錄製過程中不是隔一段時間對整個螢幕進行截屏,而是記錄頁面的DOM狀態,回放時根據時間點重新渲染出來。