เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: แก้ไข แก้ไขข้อบกพร่อง และส่งออกบันทึกโฟลว์ของผู้ใช้

Sofia Emelianova
Sofia Emelianova

แผงเครื่องมือบันทึกของเครื่องมือสำหรับนักพัฒนาเว็บช่วยให้คุณบันทึกการดําเนินการของผู้ใช้ในหน้าเว็บ เล่นซ้ำ แชร์ และส่งออกไปยังรูปแบบต่างๆ ที่คุณใช้ใน CI/CD ได้

แผงโปรแกรมอัดเสียงอยู่ระหว่างการพัฒนาและเพิ่งเพิ่มฟีเจอร์ใหม่ๆ เพื่อช่วยให้คุณแก้ไข แก้ไขข้อบกพร่อง และส่งออกไฟล์บันทึกเสียงได้

แผงโปรแกรมอัดช่วยให้คุณทำสิ่งต่อไปนี้ได้

  • เล่นซ้ำช้าลง ตั้งจุดหยุดชั่วคราว หยุดชั่วคราว เล่นต่อ หรือดำเนินการทีละขั้นตอน
  • เมื่อหยุดชั่วคราว ให้โต้ตอบกับหน้าเว็บหรือเปลี่ยนไปดูแผงอื่นๆ เพื่อตรวจสอบเพิ่มเติม
  • เพิ่มขั้นตอนที่โปรแกรมบันทึกไม่ได้บันทึกโดยอัตโนมัติ เช่น การเลื่อนเมาส์ที่รบกวนการบันทึก
  • กําหนดค่าขั้นตอน เช่น เพิ่มการหมดเวลา เงื่อนไข และการยืนยัน
  • ส่งออกไฟล์บันทึกในรูปแบบต่างๆ เช่น JSON, @puppeteer/replay script และ Puppeteer script

นอกจากนี้ คุณยังเพิ่มรูปแบบการส่งออกอื่นๆ ได้โดยใช้ส่วนขยาย Chrome สำหรับแผงโปรแกรมบันทึก ณ เวลาที่เขียนบทความนี้ คุณสามารถเพิ่มส่วนขยายสำหรับเครื่องมือต่อไปนี้ได้ ได้แก่ Cypress, WebPageTest, Nightwatch, Testing Library และ WebdriverIO ดูรายการส่วนขยายทั้งหมด

สำหรับข้อมูลเพิ่มเติม