Gebruik het paneel Netwerk om de laadtijd van pagina's te analyseren en netwerkbronnen te inspecteren.
Overzicht
Via het paneel Netwerk kunt u:
- Registreer netwerkactiviteit
- Controleer netwerkverzoeken
- Netwerkverzoeken filteren en sorteren
- Zoek in netwerkheaders en -reacties
- Laadgedrag wijzigen
- Blokkeer netwerkverzoeken
- Netwerkcondities wijzigen
- Foutopsporingsregels
prefetch-speculatie - HTTP-antwoordheaders overschrijven
- Overschrijf headers voor meerdere URL's met jokertekens.
- Netwerkverzoekgegevens opslaan en exporteren
Bekijk de handleiding 'Netwerkactiviteit inspecteren' voor een stapsgewijze uitleg van enkele van de meest gebruikte functies in het netwerkpaneel .
Open het netwerkpaneel.
Om het netwerkpaneel te openen, opent u DevTools en klikt u vervolgens op Netwerk in de actiebalk bovenaan.
U kunt het netwerkpaneel ook openen via het menu 'Opdrachten' door de volgende stappen te volgen:
- Open DevTools .
- Open het Command-menu door op de volgende toets te drukken:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P
- Begin met het typen van
Network, selecteer 'Netwerkpaneel weergeven' en druk op Enter .
Registreer netwerkactiviteit
Wanneer je DevTools opent , worden netwerkverzoeken automatisch geregistreerd in het netwerkpaneel , zolang DevTools open is.
Naast opnemen kunt u het volgende doen:
- Stop met het registreren van netwerkverzoeken .
- Verwijder alle verzoeken uit de tabel ' Verzoeken' .
- Bewaar verzoeken bij het laden van meerdere pagina's .
- Boots een offline ervaring na .
- Simuleer tragere netwerkverbindingen .
Controleer netwerkverzoeken
Alle netwerkverzoeken worden geregistreerd in de tabel ' Verzoeken ' in het midden van het paneel.
Zie 'Een logboek van aanvragen bekijken' voor meer informatie over de kolommen die standaard worden weergegeven en de extra kolommen die u kunt toevoegen.
Klik op de naam van een aanvraag om tabbladen met aanvullende informatie over de aanvraag te bekijken, waaronder de volgende:
- Headers : De HTTP-headers van de geselecteerde bron.
- Payload : De query-stringparameters en formuliergegevens van een verzoek.
- Voorbeeldweergave : Een eenvoudige weergave van de HTML.
- Antwoord : De HTML-broncode van de geselecteerde bron.
- Initiator : Wat heeft ertoe geleid dat een resource is aangevraagd?
- Tijdsverloop : Een overzicht van de netwerkactiviteit voor de geselecteerde bron.
- Cookies : Cookies van een verzoek en het bijbehorende antwoord.
Netwerkverzoeken filteren en sorteren
Het paneel Netwerk biedt twee manieren om verzoeken in de tabel Verzoeken te sorteren:
Hieronder volgen enkele manieren om verzoeken in de tabel 'Verzoeken' te filteren:
- Filter verzoeken op basis van eigenschappen
- Filter verzoeken op type
- Filter verzoeken op tijd
- Verberg data-URL's
- Verberg extensie-URL's
- Toon alleen de verzoeken met geblokkeerde antwoordcookies
- Toon alleen geblokkeerde verzoeken
- Toon alleen verzoeken van derden
Zoek in netwerkheaders en -reacties
Zie 'Zoeken in netwerkheaders en -reacties' voor meer informatie over het doorzoeken van HTTP-headers en -reacties van alle resources op een bepaalde tekenreeks of reguliere expressie.
Laadgedrag wijzigen
Test de gebruikerservaring van uw pagina door het laadgedrag in het netwerkpaneel te wijzigen.
Via het paneel Netwerk kunt u het volgende doen:
- Simuleer een eerste bezoek door de browsercache uit te schakelen.
- Wis handmatig de browsercache.
- Browsercookies handmatig wissen
- Offline emuleren
- Simuleer een trage netwerkverbinding
- HTTP-antwoordheaders overschrijven
- De gebruikersagent overschrijven
Netwerkverzoekgegevens opslaan en exporteren
Zie het volgende voor het opslaan en exporteren van netwerkverzoekgegevens: