-
ส่วนขยาย Chrome ที่บันทึกการทำงานของเบราว์เซอร์ (การคลิกเมาส์ การพิมพ์ การกรอกฟอร์ม) เป็นสคริปต์ Puppeteer
-
แสดงบนหน้าจอว่าอีเวนต์ใดบ้างที่กำลังถูกบันทึก
→ รองรับ waitForNavigation, setViewPort เป็นต้น
→ สามารถจับภาพหน้าจอได้ (ทั้งหน้าเพจและพื้นที่ที่ครอปไว้)
- หลังบันทึก สามารถคัดลอกโค้ดที่สร้างขึ้นไปยังคลิปบอร์ดและนำไปใช้ได้ทันที
1 ความคิดเห็น
โค้ดนี้เป็นโอเพนซอร์สที่ทีมซึ่งกำลังพัฒนา Checkly เครื่องมือมอนิเตอร์เว็บไซต์และ API เป็นผู้พัฒนาอยู่ และยังมีโปรเจ็กต์ Recorder ที่ทีม Puppeteer ทำขึ้นโดยตรงด้วย
https://github.com/puppeteer/recorder
Recorder ของทีม Puppeteer นี้ไม่ได้ใช้ส่วนขยาย Chrome แต่ใช้วิธีเปิด Puppeteer ขึ้นมาใหม่ในโหมดที่ไม่ใช่ headless (non-headless) แล้วบันทึกการทำงานนั้น