Čo sú nástroje pre vývojárov Chrome (Chrome DevTools)?

Nástroje Chrome DevTools sú súborom vstavaných nástrojov v prehliadači na vývoj a ladenie webu.

Hlavné panely:

• Elements: Zobrazenie a refaktorovanie HTML štruktúry a štýlov CSS v reálnom čase.
• Console: Výstup logov, spúšťanie JavaScript kódu, ladenie.
• Sources: Ladenie JavaScript kódu s bodmi prerušenia, profilovanie výkonu.
• Network: Monitorovanie sieťových požiadaviek (HTTP/HTTPS), analýza ich doby trvania a obsahu.
• Performance: Analýza doby načítania a vykonávania kódu stránky.
• Memory: Profilovanie využitia pamäte, odhaľovanie únikov.
• Application: Preskúmanie zdrojov aplikácie — úložiska (Local Storage, Session Storage, IndexedDB), cookies, cache.
• Security: Analýza bezpečnosti stránky, vrátane kontroly SSL certifikátov.
• Lighthouse: Audit webovej stránky podľa kritérií výkonu, dostupnosti, SEO a osvedčených postupov.

Použitie v QA:

• Kontrola UI/UX: Analýza štýlov (Elements), testovanie prispôsobivosti (Toggle device toolbar).
• Ladenie frontendu: Odhaľovanie chýb v JavaScripte (Console, Sources).
• Analýza API interakcií: Monitorovanie požiadaviek a odpovedí (Network).
• Hodnotenie výkonu: Odhad času načítania a vykonávania skriptov (Performance).
• Prieskum úložísk: Kontrola Local Storage, cookies atď. (Application).
• Simulácia zariadení: Testovanie na rôznych veľkostiach obrazoviek a sieťových podmienkach (Network – Throttling).