Dev Tools oraz praca z przeglądarką

Quiz na temat dev tools oraz pracy z przeglądarką podczas tworzenia stron

Kurs HTML Dev Tools oraz praca z przeglądarką

Jak uruchomić DevTools w większości przeglądarek (Chrome/Firefox/Edge)?

Alt + Tab

F12 lub Ctrl + Shift + I

Shift + Esc

Ctrl + C

W którym panelu DevTools sprawdzimy strukturę DOM i style CSS?

Console

Elements

Network

Application

W którym panelu DevTools można ustawić breakpointy i debugować JavaScript krok po kroku?

Lighthouse

Sources

Performance

Security

Który panel pokazuje czas ładowania zasobów (CSS, JS, obrazy) i statusy HTTP?

Network

Elements

Application

Console

Gdzie sprawdzisz błędy JavaScript wyświetlane w czasie działania strony?

Performance

Elements

Console

Security

Do czego służy panel Performance?

Do analizy czasu ładowania i wydajności strony.

Do zarządzania ciasteczkami.

Do podglądu struktury DOM.

Do sprawdzania responsywności strony.

Które narzędzie w DevTools generuje raporty SEO, dostępności i wydajności?

Network

Lighthouse

Console

Security

Co umożliwia funkcja Throttle w DevTools?

Debugowanie ciasteczek.

Wyłączanie pamięci podręcznej (cache).

Symulację wolnego internetu (np. 3G).

Sprawdzanie certyfikatów HTTPS.

Jakie błędy najczęściej można szybko znaleźć dzięki DevTools?

Rozjeżdżający się układ strony.

Błędy JavaScript.

Wolne ładowanie strony.

Wszystkie powyższe.

10.

Które narzędzie w DevTools generuje raporty SEO, dostępności i wydajności?

Network

Lighthouse

Console

Security