Narzędzia deweloperskie przeglądarki
Słownik kwalifikacji AUD.05 - Realizacja projektów graficznych i multimedialnych
Narzędzia deweloperskie przeglądarki to zestaw funkcji wbudowanych m.in. w Mozilla Firefox i Google Chrome, które służą do analizy działania strony internetowej. Pozwalają sprawdzić kod HTML, style CSS, błędy JavaScript, zasoby strony oraz sposób ładowania plików.
W pytaniach egzaminacyjnych widok z panelem kodu HTML i stylów CSS najczęściej oznacza polecenie „Zbadaj element” w Firefoxie lub „Zbadaj” w Chrome.
Jak uruchomić?
Najczęstsze sposoby:
- kliknięcie prawym przyciskiem myszy na elemencie strony i wybranie Zbadaj element / Zbadaj,
- skrót klawiaturowy
F12, - skrót
Ctrl + Shift + I, - w Chrome dodatkowo
Ctrl + Shift + Cdo wskazywania elementu na stronie.
Do czego służy inspektor?
Inspektor umożliwia:
- podgląd struktury dokumentu HTML,
- sprawdzanie i tymczasową edycję reguł CSS,
- analizę marginesów, paddingów i rozmiarów elementów,
- testowanie wyglądu strony bez zmiany plików źródłowych,
- sprawdzanie responsywności i błędów wyświetlania.
Ważne na egzaminie
Jeżeli ilustracja pokazuje podział okna na stronę oraz panel z kodem HTML i stylami CSS, poprawnym poleceniem jest Zbadaj element albo Zbadaj. Nie należy mylić tego widoku z pobranymi plikami, wyszukiwaniem na stronie ani edycją treści w edytorze.