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

Dale St. Marthe
Dale St. Marthe

Geliştirici Araçları tarafından yapılan tüm CDP isteklerini ve yanıtlarını görüntülemek ve doğrudan CDP komutlarını göndermek için Protokol izleyiciyi kullanın.

Genel bakış

Chrome Geliştirici Araçları, Chrome Tarayıcıları izlemek, incelemek, hata ayıklamak ve profil oluşturmak için Chrome Geliştirici Araçları Protokolü'nü (CDP) kullanır. Geliştiriciler, CDP ile programatik olarak çalışmak için Protokol izleyiciyi kullanabilir.

Protokol izleyici şunları yapmanıza olanak tanır:

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

Protokol izleyiciyi aç

Protokol izleyici'yi açmak için şu adımları uygulayın:

  1. Denemenin etkinleştirildiğinden emin olun. Ayarlarayarları > Denemeler bölümündeki Protokol İzleme onay kutusunu işaretleyin.

  2. Şu tuşlara basarak Komut menüsünü açın:

    • macOS: Command+Üst Karakter+P
    • Windows, Linux, ChromeOS: Control+Üst Karakter+P Komut Menüsü
  3. Protocol monitor yazmaya başlayın, Protokol izleyiciyi göster'i seçin ve Enter tuşuna basın. Geliştirici Araçları, Geliştirici Araçları pencerenizin en altında Protokol monitörü panelini gösterir.

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

CDP isteklerini ve yanıtlarını kaydetme

Protokol izleme'yi açtığınızda, geçerli sayfadan gelen CDP mesajlarını otomatik olarak kaydetmeye başlar. Sayfayı yenileseniz veya Geliştirici Araçları'nı kapatsanız bile Protokol izleyici kayda 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 izleyici panelindeki kayıt düğmesi.

CDP mesajlarını inceleme

Protokol izleyici kaydederken, CDP mesajları panelin sol tarafındaki bir tabloya kaydedilir.

Panelin sağ tarafındaki İstek veya Yanıt verilerinin ayrıntılı görünümünü açmak için bir Yöntem, İstek veya Yanıt hücresini tıklayın.

Protokol izleme panelinde vurgulanmış 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 içeriğe dayalı seçenekler sunulur.

CDP mesajlarını temizleme ve indirme

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

Kaydedilen mesajları JSON dosyası olarak indirmek için indir indir seçeneğini tıklayın.

Ham CDP komutları gönder

Protokol izleme yoluyla bir CDP komutu göndermenin iki temel yolu vardır:

  • Komut için herhangi bir parametre gerekmiyorsa komutu Protokol Monitörü'nün en altındaki giriş alanına yazın ve Enter'a basın. Örneğin, Page.captureScreenshot.

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

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

Protokol izleyicide vurgulanan Hedef açılır listesi.

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

    1. Komut giriş alanının yanındaki left_panel_open 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 isteminin yanına bir CDP komutu yazmaya başlayın. Otomatik tamamlama size alakalı seçenekler sunar. Kullanmak istediğiniz komutu seçin. Protokol izleyicideki komut girişi.
    3. Bir CDP komutu girmenizin ardından düzenleyici, protokol tanımlarına göre yapılandırılmış bir parametre biçimi oluşturur. Komutunuzla göndermek için bu parametreleri doldurun. Doldurma için listelenen, Service Worker'la ilgili parametreleri içeren parametre girişi.
    4. Gönder Komut gönder düğmesini tıklayarak veya Ctrl + Enter tuşuna basarak komutu gönderin.

Ayrıca, tablodan komutları düzenleyebilir ve 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 Protocol (CDP) komutlarınızı verimli bir şekilde oluşturma başlıklı makaleyi inceleyin.