Dale St. Marthe
Gunakan panel Perekam untuk merekam, mengukur, dan mengedit alur penggunaan. Panel Perekam berisi serangkaian alat diagnostik yang dapat membantu developer frontend meningkatkan dan men-debug jalur konversi mereka. 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 berpindah antarlangkah. Perlambat pemutaran ulang untuk lebih memahami apa yang terjadi dalam alur penggunaan. Selain itu, pelajari cara memutar ulang dengan library eksternal.
- Mengedit dan men-debug alur penggunaan: Mengedit langkah-langkah alur penggunaan yang direkam, bahkan selama perekaman. Tetapkan titik henti sementara dan jalankan alur penggunaan langkah demi langkah. Periksa kode dan lihat tampilan langkah-langkah dan kodenya secara berdampingan.
- Buat 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 Ekspor Perekam. Anda juga dapat mengimpor alur penggunaan.
Untuk mengintegrasikan panel Perekam dengan lebih baik ke dalam alur kerja Anda dan memperluas kemampuannya, sesuaikan panel Perekam dengan ekstensi.
Membuka panel Perekam
Untuk membuka panel Perekam, ikuti langkah-langkah berikut:
- Buka DevTools.
- Buka Menu perintah 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 sudut kanan atas, pilih Opsi lainnya > Alat lainnya > Panel perekam.