Gunakan Protocol monitor untuk melihat semua permintaan dan respons CDP yang dibuat oleh DevTools dan mengirim perintah CDP secara langsung.
Ringkasan
Chrome DevTools menggunakan Protokol Chrome DevTools (CDP) untuk menginstrumentasikan, memeriksa, men-debug, dan membuat profil browser Chrome. Developer dapat menggunakan Pemantau protokol untuk bekerja dengan CDP secara terprogram.
Pemantau protokol memungkinkan Anda melakukan hal berikut:
- Mencatat permintaan dan respons CDP
- Memeriksa pesan CDP
- Menyimpan pesan CDP
- Mengirim perintah CDP
Membuka Protocol monitor
Untuk membuka Protocol monitor, ikuti langkah-langkah berikut:
Pastikan eksperimen diaktifkan. Centang kotak Protocol Monitor di bagian Setelan > Eksperimen.
Buka Command menu 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 Protocol monitor di bagian bawah jendela DevTools.
Atau, di sudut kanan atas, pilih more_vert Opsi lainnya > Alat lainnya > Pemantau protokol.
Mencatat permintaan dan respons CDP
Saat Anda membuka Pemantau protokol, pemantau protokol akan otomatis mulai mencatat pesan CDP dari halaman saat ini. Pemantau protokol terus mencatat meskipun Anda memuat ulang halaman atau menutup Devtools.
Untuk berhenti atau mulai merekam, klik tombol rekam di sebelah kiri panel tindakan di bagian atas panel.
Memeriksa pesan CDP
Seperti yang dicatat oleh Protocol monitor, pesan CDP dicatat dalam tabel di sebelah kiri panel.
Klik sel Method, Request, atau Response untuk membuka tampilan mendetail data Request atau Response di sisi kanan panel.
Beralih 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 hapusblokir di panel tindakan.
Untuk mendownload rekaman pesan sebagai file JSON, klik download download.
Mengirim perintah CDP mentah
Ada dua cara utama untuk mengirim perintah CDP melalui Protocol monitor:
Jika perintah tidak memerlukan parameter apa pun, ketik perintah ke kolom input di bagian bawah Protocol Monitor, lalu tekan Enter, misalnya
Page.captureScreenshot
.Jika perintah memerlukan parameter, berikan parameter dalam format JSON, misalnya
{"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}
.Drop-down di sebelah kanan kolom input akan menentukan target.
Anda juga dapat menggunakan editor CDP untuk mengedit dan mengeluarkan perintah:
- Buka editor perintah dengan mengklik tombol left_panel_open Tampilkan editor perintah CDP di samping kolom input perintah.
- Pilih target dari menu drop-down, lalu 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 berikut untuk mengirimkannya dengan perintah Anda.
- Kirim perintah dengan mengklik tombol kirim Kirim perintah atau menekan Ctrl + Enter.
Anda juga dapat mengedit dan mengirim ulang perintah dari tabel. Klik kanan item di tabel dan 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 Protokol Devtools (CDP) Chrome secara efisien dengan editor perintah baru.