Pemantau protokol: Melihat dan mengirim permintaan CDP

Dale St. Marthe
Dale St. Marthe
LinkedIn

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:

  1. Pastikan eksperimen diaktifkan. Centang kotak Protocol Monitor di bagian Settings > Experiments.

  2. Buka Menu perintah dengan menekan:

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

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

Tombol rekam di panel Monitor protokol.

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.

Metode yang ditandai di panel Pemantau protokol.

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.

Dropdown target ditandai di Pemantau protokol.

  • Anda juga dapat menggunakan editor CDP untuk mengedit dan menjalankan perintah:

    1. Buka editor perintah dengan mengklik tombol Show CDP command editor di samping kolom input perintah.
    2. 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. Input perintah di pemantau protokol.
    3. Setelah Anda memasukkan perintah CDP, editor akan membuat bentuk parameter terstruktur berdasarkan definisi protokol. Isi parameter ini untuk mengirimnya dengan perintah Anda. Input parameter dengan parameter terkait pekerja layanan yang tercantum untuk diisi.
    4. 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.