chrome.devtools.network

Açıklama

Geliştirici Araçları tarafından Ağ panelinde görüntülenen ağ istekleriyle ilgili bilgileri almak için chrome.devtools.network API'sini kullanın.

Ağ istekleriyle ilgili bilgiler, HTTP Arşivi biçiminde (HAR) sunulur. Şunun açıklaması: HAR bu dokümanın kapsamı dışında. HAR v1.2 Spesifikasyonu başlıklı makaleyi inceleyin.

HAR açısından chrome.devtools.network.getHAR() yöntemi, tüm HAR günlüğünün tamamını döndürürken chrome.devtools.network.onRequestFinished etkinliği, etkinliğin bağımsız değişkeni olarak HAR girişi sağlıyor geri arama.

Verimlilik nedeniyle istek içeriğinin HAR kapsamında sağlanmadığını unutmayın. Şunları arayabilirsiniz: isteğin getContent() yöntemini kullanarak içeriği alın.

Geliştirici Araçları penceresi sayfa yüklendikten sonra açılırsa getHAR() tarafından döndürülen giriş dizisi. Tüm istekleri almak için sayfayı yeniden yükleyin. Genel olarak, getHAR() tarafından döndürülen isteklerin listesi, Ağ panelinde görüntülenen istek listesiyle eşleşmelidir.

Geliştirici Araçları API'lerinin kullanımıyla ilgili genel bilgiler için Geliştirici Araçları API'leri özeti sayfasına bakın.

Manifest

Bu API'yi kullanmak için aşağıdaki anahtarların manifest dosyasında beyan edilmesi gerekir.

"devtools_page"

Örnekler

Aşağıdaki kod, yüklendiklerinde 40 KB'tan büyük tüm resimlerin URL'lerini günlüğe kaydeder:

chrome.devtools.network.onRequestFinished.addListener(
  function(request) {
    if (request.response.bodySize > 40*1024) {
      chrome.devtools.inspectedWindow.eval(
          'console.log("Large image: " + unescape("' +
          escape(request.request.url) + '"))');
    }
  }
);

Bu API'yi denemek için chrome-extension-samples örneklerinden chrome-extension-samples yükleyin depodur.

Türler

Request

Bir belge kaynağı (komut dosyası, görüntü vb.) için ağ isteğini temsil eder. Referans için HAR Spesifikasyonuna bakın.

Özellikler

  • getContent

    geçersiz

    Yanıt gövdesinin içeriğini döndürür.

    getContent işlevi aşağıdaki gibi görünür: 

    (callback: function) => {...}

    • geri çağırma

      işlev

      callback parametresi şu şekilde görünür: 

      (content: string, encoding: string) => void

      • içerik

        dize

        Yanıt gövdesinin içeriği (potansiyel olarak kodlanmış).

      • kodlama

        dize

        İçerik kodlanmamışsa boş, aksi takdirde kodlama adı. Şu anda yalnızca base64 desteklenmektedir.

Yöntemler

getHAR()

chrome.devtools.network.getHAR(
  callback: function,
): void

Bilinen tüm ağ isteklerini içeren HAR günlüğünü döndürür.

Parametreler

  • geri çağırma

    işlev

    callback parametresi şu şekilde görünür: 

    (harLog: object) => void

    • harLog

      nesne

      HAR günlüğü. Ayrıntılar için HAR spesifikasyonuna bakın.

Etkinlikler

onNavigated

chrome.devtools.network.onNavigated.addListener(
  callback: function,
)

İncelenen pencere yeni bir sayfaya gittiğinde tetiklenir.

Parametreler

  • geri çağırma

    işlev

    callback parametresi şu şekilde görünür: 

    (url: string) => void

    • url

      dize

onRequestFinished

chrome.devtools.network.onRequestFinished.addListener(
  callback: function,
)

Bir ağ isteği tamamlandığında ve tüm istek verileri kullanılabilir olduğunda tetiklenir.

Parametreler

  • geri çağırma

    işlev

    callback parametresi şu şekilde görünür: 

    (request: Request) => void