W aplikacjach internetowych strona może "nie wyświetlać się poprawnie" z wielu powodów: błędy JavaScript zatrzymujące wykonywanie skryptów, błędy ładowania zasobów (np. brak pliku .js/.css, odpowiedź serwera z błędem), problemy z DOM, a także nieprawidłowe style. Najbardziej bezpośrednim narzędziem do rozpoczęcia diagnozy jest konsola JavaScript w przeglądarce, dostępna w narzędziach deweloperskich (DevTools).
Konsola dostarcza informacji, które są kluczowe w debugowaniu:
- wyświetla błędy (np. wyjątki, błędy składni) i ostrzeżenia generowane podczas działania strony,
- często podaje źródło problemu: nazwę pliku, numer linii i fragment stosu wywołań,
- umożliwia używanie logów (np. komunikaty wypisywane przez kod), co pomaga śledzić przepływ programu,
- pozwala szybko testować wyrażenia i sprawdzać stan aplikacji w trakcie działania.
Odpowiedź "Edytor tekstu" jest nieadekwatna, bo edytor służy do tworzenia i modyfikowania kodu, ale sam w sobie zwykle nie pokaże błędów, które ujawniają się dopiero w środowisku uruchomieniowym przeglądarki. Może pomagać pośrednio (np. przez podświetlanie składni), lecz nie jest najlepszym narzędziem do diagnozowania objawu "strona wyświetla się źle".
Odpowiedź "Kompilator języka programowania" pasuje do świata aplikacji kompilowanych, natomiast typowe aplikacje WWW w przeglądarce nie są diagnozowane kompilatorem w momencie renderowania strony. Problemy mogą wynikać z logiki JS, integracji z API, błędów w żądaniach czy zasobach — i te sygnały najszybciej zobaczysz w DevTools.
Odpowiedź "Program do grafiki komputerowej" może być użyteczna przy przygotowaniu zasobów graficznych, ale nie służy do wykrywania błędów działania aplikacji w przeglądarce.
W praktyce egzaminacyjnej warto zapamiętać prostą regułę: gdy problem dotyczy działania strony w przeglądarce, zaczynasz od DevTools, a szczególnie od konsoli (oraz często od zakładki Network i Elements, zależnie od objawu).
