Pemantau protokol: Melihat dan mengirim permintaan CDP

Dale St. Marthe

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:

1. Pastikan eksperimen diaktifkan. Centang kotak Protocol Monitor di bagian Setelan > Eksperimen.

2. Buka Command menu dengan menekan:

   • macOS: Command+Shift+P
   • Windows, Linux, ChromeOS: Control+Shift+P

3. 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:

  1. Buka editor perintah dengan mengklik tombol left_panel_open Tampilkan editor perintah CDP di samping kolom input perintah.
  2. 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.
  3. Setelah Anda memasukkan perintah CDP, editor akan membuat bentuk parameter terstruktur berdasarkan definisi protokol. Isi parameter berikut untuk mengirimkannya dengan perintah Anda.
  4. 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.