Intern
Czym są narzędzia deweloperskie Chrome (Chrome DevTools)?
sobes.tech AI
Odpowiedź od AI
Chrome DevTools to zestaw narzędzi wbudowanych w przeglądarkę do tworzenia i debugowania stron internetowych.
Główne panele:
- Elements: Podgląd i refaktoryzacja struktury HTML oraz stylów CSS w czasie rzeczywistym.
- Console: Wyświetlanie logów, wykonywanie kodu JavaScript, debugowanie.
- Sources: Debugowanie kodu JavaScript z punktami przerwania, profilowanie wydajności.
- Network: Monitorowanie żądań sieciowych (HTTP/HTTPS), analiza czasu ich wykonania i zawartości.
- Performance: Analiza wydajności ładowania i wykonywania kodu strony.
- Memory: Profilowanie użycia pamięci, wykrywanie wycieków.
- Application: Badanie zasobów aplikacji — magazynowania (Local Storage, Session Storage, IndexedDB), plików cookie, cache.
- Security: Analiza bezpieczeństwa strony, w tym sprawdzanie certyfikatów SSL.
- Lighthouse: Audyt strony internetowej według kryteriów wydajności, dostępności, SEO i najlepszych praktyk.
Zastosowanie w QA:
- Weryfikacja UI/UX: Analiza stylów (Elements), testowanie responsywności (Toggle device toolbar).
- Debugowanie frontendu: Wykrywanie błędów w JavaScript (Console, Sources).
- Analiza interakcji API: Monitorowanie żądań i odpowiedzi (Network).
- Ocena wydajności: Szacowanie czasu ładowania i wykonywania skryptów (Performance).
- Badanie magazynów: Sprawdzanie Local Storage, cookies itp. (Application).
- Symulacja urządzeń: Testowanie na różnych rozmiarach ekranów i warunkach sieciowych (Network – Throttling).