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,
)

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

  • istek

    İstek