rrweb - เครื่องมือดีบักแบบบันทึกและเล่นซ้ำสำหรับเว็บ

• เครื่องมือที่บันทึกการโต้ตอบของผู้ใช้แล้วนำมาเล่นซ้ำได้
• ประกอบด้วย 3 องค์ประกอบ
  • rrweb-snapshot : Snapshot & Rebuild
    • Snapshot: แปลง DOM และสถานะของมันให้เป็นโครงสร้างข้อมูลที่ทำ serialization ได้ พร้อมตัวระบุเฉพาะ
    • Rebuild: สร้าง Snapshot กลับมาเป็น DOM นั้นอีกครั้ง
  • rrweb : Record & Replay
    • Record: บันทึกการเปลี่ยนแปลงทั้งหมดของ DOM
    • Replay: เล่นการเปลี่ยนแปลงที่บันทึกไว้ทั้งหมดทีละรายการตาม timestamp
  • rrweb-player : UI เพลเยอร์สำหรับ rrweb รองรับการหยุด เล่นเร็ว และ Drag & Drop