chrome.devtools.network

Beschrijving

Gebruik de chrome.devtools.network API om de informatie op te halen over netwerkverzoeken die worden weergegeven door de ontwikkelaarstools in het netwerkpaneel.

Informatie over netwerkverzoeken wordt weergegeven in het HTTP Archive-formaat ( HAR ). De beschrijving van HAR valt buiten het bestek van dit document, zie HAR v1.2-specificatie .

In termen van HAR retourneert de methode chrome.devtools.network.getHAR() het volledige HAR log , terwijl de gebeurtenis chrome.devtools.network.onRequestFinished HAR-invoer levert als argument voor de gebeurteniscallback.

Houd er rekening mee dat de inhoud van verzoeken om efficiëntieredenen niet wordt verstrekt als onderdeel van HAR. U kunt getContent() -methode van het verzoek aanroepen om inhoud op te halen.

Als het venster Developer Tools wordt geopend nadat de pagina is geladen, ontbreken mogelijk enkele verzoeken in de reeks items die worden geretourneerd door getHAR() . Laad de pagina opnieuw om alle verzoeken te ontvangen. Over het algemeen zou de lijst met verzoeken die door getHAR() worden geretourneerd, moeten overeenkomen met de lijst die wordt weergegeven in het paneel Netwerk.

Zie het overzicht van DevTools API's voor een algemene inleiding tot het gebruik van Developer Tools API's.

Manifest

De volgende sleutels moeten in het manifest worden gedeclareerd om deze API te kunnen gebruiken.

"devtools_page"

Voorbeelden

De volgende code registreert URL's van alle afbeeldingen die groter zijn dan 40 KB terwijl ze worden geladen:

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) + '"))');
    }
  }
);

Als u deze API wilt uitproberen, installeert u de devtools API-voorbeelden uit de chrome-extension-samples- repository.

Soorten

Request

Vertegenwoordigt een netwerkverzoek voor een documentbron (script, afbeelding enzovoort). Zie HAR-specificatie voor referentie.

Eigenschappen

  • Inhoud krijgen

    leegte

    Retourneert de inhoud van de antwoordtekst.

    De getContent -functie ziet er als volgt uit:

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

    • Bel terug

      functie

      De callback parameter ziet er als volgt uit:

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

      • inhoud

        snaar

        Inhoud van de antwoordtekst (mogelijk gecodeerd).

      • codering

        snaar

        Leeg als de inhoud niet is gecodeerd, anders codeert de naam. Momenteel wordt alleen base64 ondersteund.

Methoden

getHAR()

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

Retourneert een HAR-logboek dat alle bekende netwerkverzoeken bevat.

Parameters

  • Bel terug

    functie

    De callback parameter ziet er als volgt uit:

    (harLog: object)=>void

    • harLog

      voorwerp

      Een HAR-logboek. Zie HAR-specificatie voor details.

Evenementen

onNavigated

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

Wordt geactiveerd wanneer het geïnspecteerde venster naar een nieuwe pagina navigeert.

Parameters

  • Bel terug

    functie

    De callback parameter ziet er als volgt uit:

    (url: string)=>void

    • URL

      snaar

onRequestFinished

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

Wordt geactiveerd wanneer een netwerkverzoek is voltooid en alle verzoekgegevens beschikbaar zijn.

Parameters

  • Bel terug

    functie

    De callback parameter ziet er als volgt uit:

    (request: Request)=>void