Tips DevTools: Mengedit, men-debug, dan mengekspor rekaman alur pengguna

Sofia Emelianova
Sofia Emelianova

Panel Perekam DevTools memungkinkan Anda merekam tindakan pengguna di halaman, memutar ulang, membagikan, dan mengekspornya ke berbagai format yang dapat Anda gunakan di CI/CD.

Panel Perekam sedang dalam pengembangan aktif dan baru-baru ini menambahkan fitur baru untuk membantu Anda mengedit, melakukan debug, dan mengekspor rekaman.

Dengan panel Perekam, Anda dapat:

  • Memperlambat replay, menyetel titik henti sementara, menjeda, melanjutkan, atau memajukan eksekusi satu langkah dalam satu waktu.
  • Saat dijeda, lakukan interaksi dengan halaman atau beralihlah ke panel lain untuk pemeriksaan lebih lanjut.
  • Menambahkan langkah-langkah yang tidak otomatis direkam Perekam Suara. Misalnya, pengarahan kursor mouse yang mengotori rekaman.
  • Konfigurasikan langkah-langkah ini, misalnya, menambahkan waktu tunggu, kondisi, dan pernyataan.
  • Ekspor rekaman dalam berbagai format seperti JSON, @puppeteer/replay skrip, dan skrip Puppeteer.

Selain itu, Anda dapat menambahkan lebih banyak format ekspor menggunakan ekstensi Chrome untuk panel Perekam. Pada saat menulis, Anda dapat menambahkan ekstensi untuk alat berikut: Cypress, WebPageTest, Nightwatch, Testing Library, dan WebdriverIO. Lihat daftar lengkap ekstensi.

Untuk informasi selengkapnya: