Strona główna
» SIEĆ
»
Jak przeglądać i zapisywać dziennik konsoli przeglądarki
Jak przeglądać i zapisywać dziennik konsoli przeglądarki
Gdy witryna wyświetla błąd, przycisk nie działa lub strona zachowuje się nieoczekiwanie, Konsola przeglądarki może ujawnić błędy JavaScript, ostrzeżenia i niektóre komunikaty związane z siecią. W Chrome i innych przeglądarkach opartych na Chromium można przejrzeć te komunikaty w Narzędziach DevTools i zapisać je jako .logplik tekstowy, aby udostępnić je zespołowi wsparcia. Konsola nie zapewnia kompletnego zapisu wszystkich żądań i odpowiedzi; użyj panelu Sieć, gdy potrzebujesz szczegółowych nagłówków żądań, treści odpowiedzi lub informacji o czasie.
1. Otwórz konsolę przeglądarki
Otwórz stronę, na której występuje problem.
Otwórz Narzędzia programistyczne. W Chrome w systemie Windows lub Linux naciśnij F12lub Ctrl+ Shift+ I. W systemie macOS naciśnij Command+ Option+ I. Możesz również otworzyć menu przeglądarki i wybrać Więcej narzędzi > Narzędzia programistyczne .
Wybierz kartę Konsola . Jeśli Narzędzia programistyczne otwierają się w panelu bocznym lub dolnym, możesz je tam zostawić lub użyć menu Narzędzi programistycznych, aby zmienić jego pozycję dokowania.
Otwórz DevTools na stronie, którą chcesz rozwiązać, a następnie wybierz opcję Konsola.
Przeglądarka Microsoft Edge korzysta z podobnego przepływu pracy. Otwórz Narzędzia programistyczne za pomocą klawiszy lub ++ F12w Ctrlsystemie Windows, a następnie wybierz Konsolę. Skróty klawiaturowe mogą się różnić w zależności od przeglądarki, systemu operacyjnego i ustawień klawiatury; menu przeglądarki stanowi niezawodną alternatywę.ShiftI
2. Odtwórz problem i zachowaj właściwe komunikaty
Przy widocznej Konsoli powtórz czynność, która wywołała problem: wyślij formularz, kliknij odpowiedni przycisk, zaloguj się lub przeładuj stronę. Szukaj czerwonych komunikatów o błędach i żółtych ostrzeżeń. Rozwiń wpis, gdy potrzebujesz śladu stosu lub dodatkowych szczegółów. Użyj filtra Konsoli lub kontrolek na poziomie komunikatu, aby zawęzić wyświetlanie, ale usuń filtry przed zapisaniem, jeśli potrzebujesz pełnego widocznego dziennika.
Wpisy w konsoli mogą zawierać błędy JavaScript, ostrzeżenia i nieudane ładowania niektórych zasobów.
Zachowaj logi w nawigacji: normalna nawigacja po stronach może wyczyścić Konsolę. W Chrome otwórz ustawienia Konsoli i włącz opcję Zachowaj logi przed odtworzeniem problemu. Edge oferuje podobne ustawienie Zachowaj logi. Jest to szczególnie przydatne, gdy kliknięcie przekierowuje na inną stronę lub awaria występuje podczas ponownego ładowania.
Włącz opcję Zachowaj dziennik przed odtworzeniem problemów powodujących nawigację lub ponowne ładowanie.
Jeśli potrzebujesz konkretnie zobaczyć XMLHttpRequestaktywność Fetch w konsoli, Chrome DevTools udostępnia ustawienie Log XMLHttpRequests . Dodaje ono te żądania w miarę ich występowania, ale nie zastępuje panelu Sieć, który zapewnia pełniejszą inspekcję na poziomie żądania.
3. Zapisz dane wyjściowe konsoli do pliku
Po odtworzeniu problemu kliknij prawym przyciskiem myszy pusty obszar lub komunikat w konsoli.
Wybierz opcję Zapisz jako… (treść może się nieznacznie różnić w zależności od wersji przeglądarki).
Wybierz folder i nazwę pliku, a następnie zapisz dziennik.
Otwórz powstały .logplik w edytorze tekstu, np. Notatniku, lub dołącz go do swojego zgłoszenia o pomoc techniczną, jeśli o to poprosisz.
Użyj opcji Zapisz jako, aby wyeksportować bieżące komunikaty konsoli jako dziennik w postaci zwykłego tekstu.
W Chrome menu kontekstowe konsoli zawiera również opcje Kopiuj lub Kopiuj konsolę w obsługiwanych wersjach, co może być przydatne w przypadku krótkiego fragmentu. Zapisanie jest zazwyczaj lepszym rozwiązaniem w przypadku dłuższego zapisu. Wyeksportowany plik zawiera wiadomości aktualnie dostępne w konsoli, a nie pełne archiwum całego ruchu w przeglądarce ani niekoniecznie historię wpisanych poleceń.
4. Gdy problem dotyczy żądań sieciowych
Dane wyjściowe z konsoli są pomocne w przypadku wyjątków JavaScript i niektórych nieudanych ładowań, ale mogą nie wyjaśniać przyczyny niepowodzenia wywołania API. Otwórz kartę Sieć w Narzędziach DevTools, odtwórz problem i wybierz odpowiednie żądanie, aby sprawdzić jego kod stanu, nagłówki żądania i odpowiedzi, ładunek oraz czas. Jeśli zespół wsparcia poprosi o przechwycenie danych z sieci, użyj opcji eksportu w panelu Sieć, aby zapisać plik HAR i postępuj zgodnie z instrukcjami zespołu dotyczącymi uwzględnienia danych poufnych. Pliki HAR mogą zawierać pliki cookie, nagłówki autoryzacji, adresy URL lub dane z przesłanych formularzy, dlatego przed udostępnieniem przejrzyj i oczyść plik.
Wskazówki dotyczące rozwiązywania problemów
Konsola jest pusta: odtwórz problem po otwarciu narzędzi DevTools, sprawdź, czy poziomy wiadomości nie są filtrowane, i w razie potrzeby załaduj ponownie.
Wiadomości znikają po kliknięciu linku: najpierw włącz opcję Zachowaj dziennik, a następnie powtórz kroki.
Jeśli widzisz błąd 404 lub inny błąd sieciowy: sprawdź odpowiednie żądanie w sieci. Sam komunikat konsoli może nie zawierać pełnej odpowiedzi.
Problem występuje tylko w jednej przeglądarce: zbierz osobny dziennik w każdej przeglądarce i zapisz wersję przeglądarki, system operacyjny, adres URL strony i dokładne kroki potrzebne do odtworzenia problemu.
Zapisany plik wydaje się niekompletny: sprawdź, czy konsola nie została przefiltrowana i czy problem został powtórzony po włączeniu rejestrowania. Jeśli potrzebujesz diagnostyki połączenia niższego poziomu, zapytaj dział wsparcia o wymagany format przechwytywania, zamiast zakładać, że dziennik konsoli zawiera wszystkie dane sieciowe.