Im Bereich Netzwerk können Sie den Seitenaufbau analysieren und Netzwerkressourcen untersuchen.
Übersicht
Im Bereich Netzwerk können Sie Folgendes tun:
- Netzwerkaktivität aufzeichnen
- Netzwerkanfragen prüfen
- Netzwerkanfragen filtern und sortieren
- Header und Antworten des Netzwerks durchsuchen
- Ladeverhalten ändern
- Netzwerkanfragen blockieren
- Netzwerkbedingungen ändern
- Fehler in
prefetch
-Spekulierungsregeln beheben - HTTP-Antwortheader überschreiben
- Header für mehrere URLs mit Platzhalterzeichen überschreiben
- Netzwerkanfragedaten speichern und exportieren
Unter Netzwerkaktivität prüfen finden Sie eine interaktive Anleitung zu einigen der am häufigsten verwendeten Funktionen des Steuerfelds Netzwerk.
Steuerfeld „Netzwerk“ öffnen
Wenn Sie den Bereich Netzwerk öffnen möchten, öffnen Sie die Entwicklertools und klicken Sie dann oben in der Aktionsleiste auf Netzwerk.
Alternativ können Sie den Bereich Netzwerk auch über das Befehlsmenü öffnen. Gehen Sie dazu so vor:
- Öffnen Sie die Entwicklertools.
- Öffnen Sie das Befehlsmenü, indem Sie Folgendes drücken:
- macOS: Befehlstaste + Umschalttaste + P
- Windows, Linux, ChromeOS: Strg + Umschalttaste + P
- Geben Sie die ersten Zeichen
Network
ein, wählen Sie Steuerfeld „Netzwerk anzeigen“ aus und drücken Sie die Eingabetaste.
Netzwerkaktivität aufzeichnen
Wenn Sie die Entwicklertools öffnen, werden Netzwerkanfragen automatisch im Bereich Netzwerk aufgezeichnet, solange die Entwicklertools geöffnet sind.
Zusätzlich zum Aufzeichnen haben Sie folgende Möglichkeiten:
- Aufzeichnung von Netzwerkanfragen beenden
- Löschen Sie alle Anfragen in der Tabelle Anfragen.
- Anfragen beim Seitenaufbau speichern:
- Offlineerfahrung emulieren:
- Langsamere Netzwerkverbindungen simulieren.
Netzwerkanfragen prüfen
Alle Netzwerkanfragen werden in der Tabelle Anfragen in der Mitte des Bereichs protokolliert.
Weitere Informationen zu standardmäßig angezeigten Spalten und zu zusätzlichen Spalten, die Sie hinzufügen können, finden Sie unter Anfrageprotokoll aufrufen.
Klicken Sie auf den Namen einer Anfrage, um Tabs mit zusätzlichen Informationen zu dieser Anfrage aufzurufen, darunter:
- Header: Die HTTP-Header der ausgewählten Ressource.
- Nutzlast: Die Abfragestringparameter und Formulardaten einer Anfrage.
- Vorschau: Hier wird das grundlegende Rendering des HTML-Codes beschrieben.
- Antwort: Der HTML-Quellcode der ausgewählten Ressource.
- Initiator: Was hat dazu geführt, dass eine Ressource angefordert wurde.
- Zeitrahmen: Eine Aufschlüsselung der Netzwerkaktivität für die ausgewählte Ressource.
- Cookies: Cookies einer Anfrage und ihre Antwort.
Netzwerkanfragen filtern und sortieren
Im Bereich Netzwerk haben Sie zwei Möglichkeiten, die Anfragen in der Tabelle Anfragen zu sortieren:
Es gibt mehrere Möglichkeiten, Anfragen in der Tabelle Anfragen zu filtern:
- Anfragen nach Properties filtern
- Anfragen nach Typ filtern
- Anfragen nach Zeit filtern
- Daten-URLs ausblenden
- Erweiterungs-URLs ausblenden
- Nur Anfragen mit blockierten Antwort-Cookies anzeigen
- Nur blockierte Anfragen anzeigen
- Nur Anfragen von Drittanbietern anzeigen
In Header und Antworten des Netzwerks suchen
Informationen zum Durchsuchen der HTTP-Header und -Antworten aller Ressourcen nach einem bestimmten String oder regulären Ausdruck finden Sie unter Header und Antworten von Netzwerken durchsuchen.
Ladeverhalten ändern
Testen Sie die Nutzerfreundlichkeit Ihrer Seite, indem Sie das Ladeverhalten im Bereich Netzwerk ändern.
Im Bereich Netzwerk haben Sie folgende Möglichkeiten:
- Einen Erstbesucher durch Deaktivieren des Browser-Cache emulieren
- Browser-Cache manuell löschen
- Browser-Cookies manuell löschen
- Offline emulieren
- Langsame Netzwerkverbindung simulieren
- HTTP-Antwortheader überschreiben
- User-Agent überschreiben
Daten zu Netzwerkanfragen speichern und exportieren
Informationen zum Speichern und Exportieren von Netzwerkanfragedaten finden Sie hier: