Do analizowania wczytywania strony i sprawdzania zasobów sieciowych użyj panelu Sieć.
Omówienie
Panel Sieć umożliwia:
- Rejestruj aktywność w sieci
- Sprawdzanie żądań sieciowych
- Filtrowanie i sortowanie żądań sieciowych
- Nagłówki i odpowiedzi z sieci wyszukiwania
- Zmiana sposobu wczytywania
- Blokowanie żądań sieciowych
- Zmienianie warunków sieci
- Debugowanie reguł spekulacyjnych
prefetch - Zastępowanie nagłówków odpowiedzi HTTP
- Zastępuj nagłówki wielu adresów URL symbolami wieloznacznymi.
- Zapisywanie i eksportowanie danych żądań sieciowych
W artykule Sprawdzanie aktywności w sieci znajdziesz samouczek dotyczący najczęściej używanych funkcji panelu Sieć.
Otwórz panel Sieć
Aby otworzyć panel Network (Sieć), otwórz Narzędzia deweloperskie, a potem na pasku działań u góry kliknij Network (Sieć).
Aby otworzyć panel Sieć za pomocą menu poleceń, wykonaj te czynności:
- Otwórz Narzędzia deweloperskie.
- Otwórz menu Command, naciskając klawisze:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Zacznij pisać
Network, wybierz Show Network panel (Pokaż panel sieci) i naciśnij Enter.
Rejestruj aktywność sieciową
Po otwarciu Narzędzi deweloperskich żądania sieciowe są automatycznie rejestrowane w panelu Sieć, o ile są one otwarte.
Oprócz nagrywania możesz wykonywać te czynności:
- Zatrzymywanie rejestrowania żądań sieciowych
- Usuń wszystkie żądania w tabeli Żądania.
- Zapisywanie żądań podczas wczytywania stron.
- Emulowanie środowiska offline.
- Symuluj wolniejsze połączenia sieciowe.
Sprawdzanie żądań sieciowych
Wszystkie żądania sieciowe są rejestrowane w tabeli Żądania w środkowej części panelu.
Więcej informacji o wyświetlanych domyślnie kolumnach i dodatkowych kolumnach, które możesz dodać, znajdziesz w artykule Wyświetlanie logu żądań.
Kliknij nazwę prośby, aby wyświetlić karty z dodatkowymi informacjami o nim, w tym:
- Nagłówki: nagłówki HTTP wybranego zasobu.
- Ładunek: parametry ciągu zapytania i dane formularza żądania.
- Podgląd: podstawowe renderowanie kodu HTML.
- Odpowiedź: kod źródłowy HTML wybranego zasobu.
- Inicjator: co spowodowało żądanie zasobu.
- Czas: zestawienie aktywności w sieci dla wybranego zasobu.
- Pliki cookie: pliki cookie żądania i odpowiedzi.
Filtrowanie i sortowanie żądań sieciowych
Panel Sieć udostępnia 2 sposoby sortowania żądań w tabeli Żądania:
Żądania w tabeli Żądania można filtrować na kilka sposobów:
- Filtrowanie żądań według właściwości
- Filtrowanie żądań według typu
- Filtrowanie żądań według czasu
- Ukryj adresy URL danych
- Ukrywanie adresów URL rozszerzeń
- Wyświetlanie tylko żądań z zablokowanymi plikami cookie odpowiedzi
- Pokaż tylko zablokowane żądania
- Pokaż tylko żądania innych firm
Wyszukaj nagłówki i odpowiedzi sieci
Informacje o tym, jak przeszukiwać nagłówki HTTP i odpowiedzi wszystkich zasobów na określony ciąg lub wyrażenie regularne, znajdziesz w artykule Wyszukiwanie nagłówków i odpowiedzi sieci.
Zmień sposób wczytywania
Sprawdź, jak działa Twoja strona, zmieniając sposób jej wczytywania w panelu Sieć.
Panel Sieć umożliwia:
- Emulowanie pierwszego użytkownika przez wyłączenie pamięci podręcznej przeglądarki
- Ręczne czyszczenie pamięci podręcznej przeglądarki
- Ręczne czyszczenie plików cookie w przeglądarce
- Emuluj offline
- Symulowanie wolnego połączenia sieciowego
- Zastępowanie nagłówków odpowiedzi HTTP
- Zastępowanie klienta użytkownika
Zapisywanie i eksportowanie danych żądań sieciowych
Informacje o tym, jak zapisać i eksportować dane żądań sieciowych: