Użyj panelu Sieć , aby analizować wczytywanie strony i sprawdzać zasoby sieciowe.
Przegląd
Panel Sieć umożliwia:
- rejestrowanie aktywności sieciowej,
- sprawdzanie żądań sieciowych,
- filtrowanie i sortowanie żądań sieciowych,
- wyszukiwanie nagłówków i odpowiedzi sieciowych,
- zmienianie sposobu wczytywania,
- blokowanie żądań sieciowych,
- zmienianie warunków sieciowych,
- debugowanie reguł spekulacyjnych
prefetch, - zastępowanie nagłówków odpowiedzi HTTP,
- zastępowanie nagłówków dla wielu adresów URL za pomocą symboli wieloznacznych,
- zapisywanie i eksportowanie danych żądań sieciowych.
Zapoznaj się z samouczkiem Sprawdzanie aktywności sieciowej, aby poznać niektóre z najczęściej używanych funkcji panelu Sieć.
Otwieranie panelu Sieć
Aby otworzyć panel Sieć, otwórz Narzędzia deweloperskie, a następnie kliknij Sieć na pasku działań u góry.
Aby otworzyć panel Sieć za pomocą menu poleceń, wykonaj te czynności:
- Otwórz Narzędzia deweloperskie.
- Otwórz menu poleceń , naciskając:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Zacznij wpisywać
Network, wybierz Pokaż panel Sieć i naciśnij Enter.
Rejestrowanie aktywności sieciowej
Gdy otworzysz Narzędzia deweloperskie, żądania sieciowe są automatycznie rejestrowane w panelu Sieć, o ile Narzędzia deweloperskie są otwarte.
Oprócz rejestrowania możesz też wykonać te czynności:
- Zatrzymaj rejestrowanie żądań sieciowych.
- Wyczyść wszystkie żądania z tabeli Żądania.
- Zapisz żądania podczas wczytywania stron.
- Emuluj tryb offline.
- Symuluj wolniejsze połączenia sieciowe.
Sprawdzanie żądań sieciowych
Wszystkie żądania sieciowe 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 dziennika żądań.
Kliknij nazwę żądania, aby wyświetlić karty z dodatkowymi informacjami o żądaniu, 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 wysłanie żądania zasobu.
- Czas: podział aktywności sieciowej dla wybranego zasobu.
- Pliki cookie: pliki cookie żądania i jego odpowiedzi.
Filtrowanie i sortowanie żądań sieciowych
Panel Sieć umożliwia sortowanie żądań w tabeli Żądania na 2 sposoby:
Oto kilka sposobów filtrowania żądań w tabeli Żądania:
- Filtruj żądania według właściwości.
- Filtruj żądania według typu.
- Filtruj żądania według czasu.
- Ukryj adresy URL danych.
- Ukryj adresy URL rozszerzeń.
- Pokaż tylko żądania z zablokowanymi plikami cookie odpowiedzi.
- Pokaż tylko zablokowane żądania.
- Pokaż tylko żądania od firm zewnętrznych.
Wyszukiwanie nagłówków i odpowiedzi sieciowych
Aby dowiedzieć się, jak przeszukiwać nagłówki i odpowiedzi HTTP wszystkich zasobów pod kątem określonego ciągu znaków lub wyrażenia regularnego, przeczytaj artykuł Wyszukiwanie nagłówków i odpowiedzi sieciowych.
Zmienianie sposobu wczytywania
Przetestuj wygodę użytkowników na swojej stronie, zmieniając sposób wczytywania w panelu Sieć.
W panelu Sieć możesz wykonać te czynności:
- Emuluj nowego użytkownika, wyłączając pamięć podręczną przeglądarki.
- Ręcznie wyczyść pamięć podręczną przeglądarki.
- Ręcznie wyczyść pliki cookie przeglądarki.
- Emuluj tryb offline.
- Symuluj wolne połączenie sieciowe.
- Zastąp nagłówki odpowiedzi HTTP.
- Zastąp klienta użytkownika.
Zapisywanie i eksportowanie danych żądań sieciowych
Aby zapisać i wyeksportować dane żądań sieciowych, wykonaj te czynności: