Gunakan Pemantau protokol untuk melihat semua permintaan dan respons CDP yang dibuat oleh DevTools dan mengirim perintah CDP secara langsung.
Ringkasan
Chrome DevTools menggunakan Chrome DevTools Protocol (CDP) untuk membuat instrumen, memeriksa, men-debug, dan membuat profil browser Chrome. Developer dapat menggunakan Pemantau protokol untuk menggunakan CDP secara terprogram.
Pemantau protokol memungkinkan Anda melakukan hal berikut:
- Merekam permintaan dan respons CDP
- Memeriksa pesan CDP
- Menyimpan pesan CDP
- Mengirim perintah CDP
Membuka Pemantau protokol
Untuk membuka Pemantau protokol, ikuti langkah-langkah berikut:
Pastikan eksperimen diaktifkan. Centang kotak Protocol Monitor di bagian Settings
> Experiments.Buka Menu perintah dengan menekan:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
Mulai ketik
Protocol monitor
, pilih Show Protocol monitor, lalu tekan Enter. DevTools menampilkan panel Pemantau protokol di bagian bawah jendela DevTools.
Atau, di sudut kanan atas, pilih
Opsi lainnya > Alat lainnya > Pemantau protokol.Merekam permintaan dan respons CDP
Saat Anda membuka Pemantau protokol, pemantau akan otomatis mulai merekam pesan CDP dari halaman saat ini. Pemantau protokol akan terus merekam meskipun Anda memuat ulang halaman atau menutup Devtools.
Untuk menghentikan atau memulai perekaman, klik tombol rekam di sebelah kiri panel tindakan di bagian atas panel.
Memeriksa pesan CDP
Saat Pemantau protokol merekam, pesan CDP akan dicatat dalam tabel di sisi kiri panel.
Klik sel Method, Request, atau Response untuk membuka tampilan mendetail dari data Request atau Response di sisi kanan panel.
Beralihlah antara data Permintaan atau Respons dengan mengklik tab header masing-masing.
Mengklik kanan nilai di kolom Method akan memberi Anda opsi berbasis konteks.
Menghapus dan mendownload pesan CDP
Untuk menghapus semua pesan CDP yang direkam, klik tombol hapus
di panel tindakan.Untuk mendownload pesan yang direkam sebagai file JSON, klik download
.Mengirim perintah CDP mentah
Ada dua cara utama untuk mengirim perintah CDP melalui Pemantau protokol:
Jika perintah tidak memerlukan parameter apa pun, ketik perintah ke dalam kolom input di bagian bawah Protocol Monitor, lalu tekan Enter, misalnya
Page.captureScreenshot
.Jika perintah memerlukan parameter, berikan dalam format JSON, misalnya
{"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}
.Drop-down di sebelah kanan kolom input menentukan target.
Anda juga dapat menggunakan editor CDP untuk mengedit dan menjalankan perintah:
- Buka editor perintah dengan mengklik tombol Show CDP command editor di samping kolom input perintah.
- Pilih target dari menu drop-down, lalu mulai ketik perintah CDP di samping command prompt. Pelengkapan otomatis memberi Anda opsi yang relevan. Pilih perintah yang ingin Anda gunakan.
- Setelah Anda memasukkan perintah CDP, editor akan membuat bentuk parameter terstruktur berdasarkan definisi protokol. Isi parameter ini untuk mengirimnya dengan perintah Anda.
- Kirim perintah dengan mengklik tombol Kirim perintah atau menekan Ctrl + Enter.
Anda juga dapat mengedit dan mengirim ulang perintah dari tabel. Klik kanan item di tabel, lalu pilih Edit dan kirim ulang dari menu drop-down. Tindakan ini akan otomatis membuka kembali editor CDP dan mengisinya dengan perintah yang Anda pilih.
Untuk mengetahui informasi selengkapnya tentang editor CDP, lihat Membuat perintah Chrome Devtools Protocol (CDP) secara efisien dengan editor perintah baru.