Aby analizować wczytywanie strony i sprawdzać zasoby sieci, użyj panelu Sieć.
Omówienie
W panelu Sieć możesz:
- Rejestrowanie aktywności sieciowej
- Sprawdzanie żądań sieciowych
- Filtrowanie i sortowanie żądań sieciowych
- Nagłówki i odpowiedzi sieci wyszukiwania
- Zmienianie zachowania podczas wczytywania
- Blokowanie żądań sieciowych
- Zmienianie warunków sieciowych
- Debugowanie reguł spekulacyjnych
prefetch
- Zastępowanie nagłówków odpowiedzi HTTP
- Zastępowanie nagłówków w przypadku wielu adresów URL za pomocą symboli wieloznacznych.
- Zapisywanie i eksportowanie danych żądania sieci
W artykule Sprawdzanie aktywności sieciowej znajdziesz samouczek, który pomoże Ci poznać niektóre z najczęściej używanych funkcji panelu Sieć.
Otwórz panel Sieć
Aby otworzyć panel Sieć, otwórz Narzędzia deweloperskie, a potem kliknij Sieć na pasku czynności u góry.
Aby otworzyć panel Sieć w menu poleceń, wykonaj te czynności:
- Otwórz Narzędzia deweloperskie.
- Otwórz menu polecenia, naciskając:
- macOS: Command + Shift + P.
- Windows, Linux i ChromeOS: Control + Shift + P
- Zacznij pisać
Network
, wybierz Pokaż panel Sieć i naciśnij Enter.
Rejestrowanie aktywności sieciowej
Gdy otwierasz Narzędzia deweloperskie, żądania sieci są automatycznie rejestrowane w panelu Sieć, o ile tylko są otwarte.
Oprócz nagrywania możesz też:
- Zatrzymaj nagrywanie żądań sieciowych.
- Wyczyść wszystkie żądania w tabeli Żądania.
- Zapisywanie żądań po wczytaniu stron.
- Symulowanie działania offline.
- Symuluj wolniejsze połączenia sieciowe.
Sprawdzanie żądań sieciowych
Wszystkie żądania sieci są rejestrowane w tabeli Żądania na środku panelu.
Więcej informacji o kolumnach wyświetlanych domyślnie i dodatkowych, które możesz dodać, znajdziesz w artykule Wyświetlanie logów żądań.
Kliknij nazwę prośby, aby wyświetlić karty z dodatkowymi informacjami o niej, 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.
- Initiator: co spowodowało wysłanie żądania zasobu.
- Czas: zestawienie aktywności w sieci dla wybranego zasobu.
- Pliki cookie: pliki cookie żądania i odpowiedzi.
Filtrowanie i sortowanie żądań sieciowych
W panelu Sieć masz 2 sposoby sortowania żądań w tabeli Żądania:
Oto kilka sposobów filtrowania żądań w tabeli Żądania:
- Filtrowanie żądań według usług
- Filtrowanie żądań według typu
- Filtrowanie żądań według czasu
- Ukrywanie adresów URL danych
- Ukrywanie adresów URL rozszerzeń
- Pokazuj tylko żądania z zablokowanymi plikami cookie odpowiedzi
- Pokaż tylko zablokowane żądania
- Pokaż tylko żądania innych firm
Nagłówki i odpowiedzi sieci wyszukiwania
Aby dowiedzieć się, jak wyszukiwać w nagłówkach i odpowiedziach wszystkich zasobów określony ciąg znaków lub wyrażenie regularne, przeczytaj artykuł Wyszukiwanie nagłówków i odpowiedzi sieciowych.
Zmiana sposobu wczytywania
Przetestuj wrażenia użytkowników strony, zmieniając sposób wczytywania w panelu Sieć.
W panelu Sieć możesz:
- Naśladowanie nowego 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
- Symulowanie trybu offline
- Symulowanie wolnego połączenia z internetem
- Zastępowanie nagłówków odpowiedzi HTTP
- Zastąpienie agenta użytkownika
Zapisywanie i eksportowanie danych żądań sieciowych
Aby zapisać i wyeksportować dane żądania sieci: