Dale St. Marthe
Gunakan panel Perekam untuk merekam, mengukur, dan mengedit alur penggunaan. Panel Perekam berisi sekumpulan alat diagnostik yang dapat membantu developer frontend meningkatkan kualitas dan men-debug jalur konversi. Untuk tutorial terpandu, lihat Merekam, memutar ulang, dan mengukur alur penggunaan.
Ringkasan
Panel Perekam memungkinkan Anda:
- Merekam dan memutar ulang alur penggunaan: Mulai perekaman agar panel Perekam melacak peristiwa tertentu di situs atau aplikasi Anda. Setelah itu, Anda dapat memutar ulang alur penggunaan dan beralih antarlangkah. Perlambat replay untuk lebih memahami apa yang terjadi dalam alur penggunaan. Selain itu, pelajari cara menggunakan kembali library eksternal.
- Mengedit dan men-debug alur penggunaan: Mengedit langkah-langkah yang dicatat alur penggunaan, bahkan selama perekaman. Menetapkan titik henti sementara dan menjalankan alur penggunaan langkah demi langkah. Periksa kode dan lihat langkah-langkah beserta kodenya secara berdampingan.
- Membuat profil performa: Ukur performa alur penggunaan yang direkam dengan membuat profil dan melihat laporan di panel Performa.
- Membagikan dan mengekspor alur penggunaan: Anda dapat mengekspor alur penggunaan sebagai file JSON atau dalam beberapa format Puppeteer, dan dalam format apa pun yang disediakan oleh ekstensi Export Perekam Suara. Anda juga dapat mengimpor alur penggunaan.
Untuk mengintegrasikan panel Perekam ke alur kerja Anda dengan lebih baik dan memperluas kemampuannya, sesuaikan panel Perekam Suara dengan ekstensi.
Membuka panel Perekam Suara
Untuk membuka panel Perekam, ikuti langkah-langkah berikut:
- Buka DevTools.
- Buka menu Command dengan menekan:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Mulai ketik
Recorder panel, pilih Tampilkan panel Perekam, lalu tekan Enter.
Atau, di pojok kanan atas, pilih more_vert Opsi lainnya > Alat lainnya > Panel Perekam Suara.