chrome.devtools.network

Açıklama

Geliştirici Araçları tarafından Ağ panelinde görüntülenen ağ istekleri hakkında bilgi almak için chrome.devtools.network API'sını kullanın.

Ağ istekleriyle ilgili bilgiler HTTP Arşivi biçiminde (HAR) temsil edilir. HAR dosyasının açıklaması bu belgenin kapsamı dışındadır. HAR v1.2 Spesifikasyonu'na bakın.

HAR açısından, chrome.devtools.network.getHAR() yöntemi HAR günlüğünün tamamını döndürürken chrome.devtools.network.onRequestFinished etkinliği, etkinlik geri çağırma işlevinin bağımsız değişkeni olarak HAR girişini sağlar.

Verimlilik açısından, istek içeriği HAR'nin bir parçası olarak sağlanmaz. İçeriği almak için isteğin getContent() yöntemini çağırabilirsiniz.

Geliştirici Araçları penceresi, sayfa yüklendikten sonra açılırsa getHAR() tarafından döndürülen giriş dizisinde bazı istekler eksik olabilir. 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 listeyle eşleşmelidir.

Geliştirici Araçları API'lerinin kullanımına genel bir giriş için DevTools API'leri özetine bakın.

Manifest

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

"devtools_page"

Örnekler

Aşağıdaki kod, 40 KB'tan büyük olan tüm görsellerin URL'lerini yüklenirken 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 deposundan devtools API örneklerini yükleyin.

Türler

Request

Bir doküman kaynağı (komut dosyası, resim vb.) için ağ isteğini temsil eder. Referans için HAR Spesifikasyonuna bakın.

Özellikler

  • getContent

    void

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

    getContent işlevi şu şekilde görünür: 

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

    • geri çağırma

      işlev

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

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

      • sayısını artırmak istiyoruz

        dize

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

      • kodlama

        dize

        İçerik kodlanmamışsa boş, aksi takdirde kodlama adı boş olur. Ş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