Ce sunt instrumentele pentru dezvoltatori Chrome (Chrome DevTools)?

Chrome DevTools este un set de instrumente integrate în browser pentru dezvoltarea și depanarea web.

Panouri principale:

• Elements: Vizualizare și refactorizare în timp real a structurii HTML și stilurilor CSS.
• Console: Afișare loguri, executare cod JavaScript, depanare.
• Sources: Debugging de cod JavaScript cu puncte de oprire, profilare de performanță.
• Network: Monitorizare solicitări de rețea (HTTP/HTTPS), analiză a timpilor de execuție și conținut.
• Performance: Analiza performanței de încărcare și execuție a codului paginii.
• Memory: Profilare utilizare memorie, detectare scurgeri.
• Application: Explorare resurse aplicație — stocare (Local Storage, Session Storage, IndexedDB), cookies, cache.
• Security: Analiza securității paginii, inclusiv verificarea certificatelor SSL.
• Lighthouse: Audit al paginii web conform criteriilor de performanță, accesibilitate, SEO și bune practici.

Utilizare în QA:

• Verificare UI/UX: Analiză stiluri (Elements), testare adaptabilitate (Toggle device toolbar).
• Debug frontend: Detectare erori în JavaScript (Console, Sources).
• Analiză interacțiuni API: Monitorizare solicitări și răspunsuri (Network).
• Evaluare performanță: Estimare timp încărcare și execuție scripturi (Performance).
• Explorare stocare: Verificare Local Storage, cookies etc. (Application).
• Simulare dispozitive: Testare pe diferite dimensiuni ecran și condiții de rețea (Network – Throttling).