Większość przeglądarek ma wbudowane narzędzia dla programistów. Te narzędzia dla programistów zwykle zawierają konsolę. Konsola zawiera informacje o aktualnie wyświetlanej stronie.
Wiadomości rejestrowane w konsoli pochodzą zarówno od programistów, którzy stworzyli stronę, jak i od samej przeglądarki.
Wszystkie komunikaty w konsoli mają poziom ważności: Verbose, Info, Warning lub Error.
Komunikat Error oznacza, że na stronie występuje problem, który musisz rozwiązać.
W jaki sposób kontrola błędów przeglądarki Lighthouse zakończyła się niepowodzeniem
Lighthouse zgłasza wszystkie błędy przeglądarki zarejestrowane w konsoli:
Naprawianie błędów przeglądarki
Napraw wszystkie błędy w przeglądarce zgłaszane przez Lighthouse, aby mieć pewność, że strona działa u wszystkich użytkowników zgodnie z oczekiwaniami.
W Narzędziach deweloperskich w Chrome znajdziesz 2 narzędzia, które pomogą Ci znaleźć przyczyny błędów:
- Pod tekstem każdego błędu konsola Narzędzi deweloperskich zawiera stos wywołań, który spowodował wykonanie problematycznego kodu.
- Link w prawym górnym rogu każdego błędu wskazuje kod, który go spowodował.
Przykładowy zrzut ekranu przedstawia stronę z 2 błędami:
W tym przykładzie pierwszy błąd pochodzi od programisty stron internetowych z wywołania console.error().
Drugi błąd pochodzi z przeglądarki i wskazuje, że zmienna używana w jednym ze skryptów strony nie istnieje.
Pod tekstem każdego błędu konsola Narzędzi deweloperskich wskazuje stos wywołań, w którym występuje błąd.
Na przykład w przypadku pierwszego błędu konsola wskazuje, że funkcja (anonymous) wywołała funkcję init, która wywołała funkcję doStuff.
Kliknij link pen.js:9 w prawym górnym rogu błędu, aby wyświetlić odpowiedni kod.
Sprawdzanie odpowiedniego kodu w przypadku każdego błędu może pomóc w znalezieniu i rozwiązaniu ewentualnych problemów.
Jeśli nie możesz ustalić przyczyny błędu, wpisz go w wyszukiwarce. Jeśli nie możesz znaleźć rozwiązania problemu, zadaj pytanie na stronie Stack Overflow.
Jeśli nie możesz poprawić błędu, umieść go w instrukcji try…catch, aby wyraźnie wskazać w kodzie, że wiesz o problemie.
Możesz też użyć bloku catch, aby poprawić obsługę błędu.