Protokol izleyici: CDP isteklerini görüntüleme ve gönderme

Dale St. Marthe
Dale St. Marthe

DevTools tarafından yapılan tüm CDP isteklerini ve yanıtlarını görüntülemek ve doğrudan CDP komutları göndermek için Protokol İzleyici'yi kullanın.

Genel Bakış

Chrome Geliştirici Araçları, Chrome tarayıcılarını donatmak, incelemek, hata ayıklamak ve profillemek için Chrome Geliştirici Araçları Protokolü'nü (CDP) kullanır. Geliştiriciler, CDP ile programatik olarak çalışmak için Protokol İzleyici'yi kullanabilir.

Protokol izleyici aşağıdakileri yapmanıza olanak tanır:

  • CDP isteklerini ve yanıtlarını kaydetme
  • CDP mesajlarını inceleme
  • CDP mesajlarını kaydetme
  • CDP komutları gönderme

Protokol İzleyici'yi açma

Protokol İzleyici'yi açmak için aşağıdaki adımları uygulayın:

  1. Denemenin etkinleştirildiğinden emin olun. Ayarlar > Deneyler bölümünde Protokol İzleyici onay kutusunu işaretleyin.

  2. Aşağıdaki tuşlara basarak Komut menüsünü açın:

    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Denetleyici+Üst Karakter+P
  3. Protocol monitor yazmaya başlayın, Protokol İzleyici'yi göster'i seçin ve Enter tuşuna basın. DevTools, DevTools pencerenizin alt kısmında Protokol izleyici panelini gösterir.

Alternatif olarak, sağ üst köşeden Diğer seçenekler > Diğer araçlar > Protokol izleyici'yi seçin.

CDP isteklerini ve yanıtlarını kaydetme

Protokol İzleyici'yi açtığınızda, mevcut sayfadaki CDP mesajlarını otomatik olarak kaydetmeye başlar. Protokol İzleyici, sayfayı yenileseniz veya DevTools'u kapatsanız bile kaydetmeye devam eder.

Kaydı durdurmak veya başlatmak için panelin üst kısmındaki işlem çubuğunun solundaki kayıt düğmesini tıklayın.

Protokol İzleyici panelindeki kayıt düğmesi.

CDP mesajlarını inceleme

Protokol İzleyici kayıt alırken CDP mesajları panelin sol tarafındaki bir tabloya kaydedilir.

Bir Yöntem, İstek veya Yanıt hücresini tıklayarak panelin sağ tarafında İstek veya Yanıt verilerinin ayrıntılı görünümünü açın.

Protokol İzleyici panelinde vurgulanan bir yöntem.

İlgili başlık sekmesini tıklayarak İstek veya Yanıt verileri arasında geçiş yapın.

Yöntem sütunundaki bir değeri sağ tıkladığınızda bağlama dayalı seçenekler gösterilir.

CDP mesajlarını temizleme ve indirme

Kaydedilen tüm CDP mesajlarını temizlemek için işlem çubuğundaki temizle düğmesini tıklayın.

Kaydedilen mesajları JSON dosyası olarak indirmek için indir simgesini tıklayın.

Ham CDP komutları gönderme

Protokol izleyici aracılığıyla CDP komutu göndermenin iki ana yolu vardır:

  • Komut için herhangi bir parametre gerekmiyorsa komutu Protokol İzleyici'nin alt kısmındaki giriş alanına yazıp Enter'a basın (ör. Page.captureScreenshot).

    Komut için parametre gerekiyorsa bunları JSON biçiminde sağlayın (ör. {"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}).

    Giriş alanının sağındaki açılır menüde hedef belirtilir.

Protokol İzleyici'de vurgulanan hedef açılır menüsü.

  • Komutları düzenlemek ve vermek için CDP düzenleyicisini de kullanabilirsiniz:

    1. Komut giriş alanının yanındaki CDP komut düzenleyicisini göster düğmesini tıklayarak komut düzenleyiciyi açın.
    2. Açılır listeden bir hedef seçin ve komut isteğinin yanında bir CDP komutu yazmaya başlayın. Otomatik tamamlama, alakalı seçenekler sunar. Kullanmak istediğiniz komutu seçin. Protokol izleyiciye girilen komut.
    3. Bir CDP komutu girdikten sonra düzenleyici, protokol tanımlarına göre yapılandırılmış bir parametre formu oluşturur. Komutunuzla birlikte göndermek için bu parametreleri doldurun. Doldurulması için listelenen servis çalışanıyla ilgili parametrelerin yer aldığı parametre girişi.
    4. Komut gönder düğmesini tıklayarak veya Ctrl + Enter tuşlarına basarak komutu gönderin.

Ayrıca, tablodan komutları düzenleyip yeniden gönderebilirsiniz. Tablodaki bir öğeyi sağ tıklayın ve açılır menüden Düzenle ve yeniden gönder'i seçin. Bu işlem, CDP düzenleyicisini otomatik olarak yeniden açar ve seçtiğiniz komutla önceden doldurur.

CDP düzenleyicisi hakkında daha fazla bilgi için Yeni komut düzenleyiciyle Chrome Devtools Protokolü (CDP) komutlarınızı verimli bir şekilde oluşturma başlıklı makaleyi inceleyin.