Junior
Čo sú vývojárske nástroje (Dev Tools)?
sobes.tech AI
Odpoveď od AI
Nástroje pre vývojárov (DevTools) sú súborom vstavaných nástrojov v prehliadači, ktoré používajú weboví vývojári a QA inžinieri na inšpekciu, ladenie, analýzu výkonu a optimalizáciu webových stránok a aplikácií.
Hlavné funkcie:
- Zobrazenie a úprava HTML a CSS: Umožňujú v reálnom čase skúmať a upravovať štruktúru DOM a štýly prvkov.
- Ladenie JavaScriptu: Možnosť nastavovať body prerušenia, krokovať kód, zobrazovať premenné a zásobník volaní.
- Monitorovanie sieťových požiadaviek: Zobrazuje všetky požiadavky na server (súbory, obrázky, API), ich stav, čas načítania a veľkosť.
- Analýza výkonu: Meranie času načítania stránky, profilovanie JavaScriptu, identifikácia "úzkych miest".
- Kontrola prístupnosti: Analýza prvkov na súlad s normami prístupnosti.
- Simulácia zariadení: Zobrazenie stránky v rôznych rozlíšeniach obrazovky a s simuláciou mobilných zariadení.
- Práca s úložiskom prehliadača: Zobrazenie a úprava dát v Local Storage, Session Storage, Cookies.
- Konzola: Spúšťanie JavaScript príkazov, prehliadanie logov, chýb a varovaní.
Príklady použitia v QA:
- Zobrazenie chybových logov v konzole.
- Analýza sieťových požiadaviek na identifikáciu problémov s načítaním alebo odpoveďou API.
- Štúdium DOM na kontrolu štruktúry a atribútov prvkov.
- Simulácia rôznych zariadení na testovanie responzívnosti rozhrania.
- Kontrola dát uložených v Local Storage alebo Cookies.