Mis on Chrome arendajatööriistad (Chrome DevTools)?

Chrome DevTools on brauseri sisseehitatud tööriistakomplekt veebiarenduseks ja silumiseks.

Peamised paneelid:

• Elements: Vaadake ja refaktorige HTML-struktuuri ning CSS-stiile reaalajas.
• Console: Logide kuvamine, JavaScript-koodi käivitamine, silumine.
• Sources: JavaScript-koodi silumine katkestuspunktidega, jõudluse profiilimine.
• Network: Võrgu päringute jälgimine (HTTP/HTTPS), nende täitmise aja ja sisu analüüs.
• Performance: Lehe laadimise ja koodi täitmise jõudluse analüüs.
• Memory: Mälu kasutamise profiilimine, lekkide tuvastamine.
• Application: Rakenduse ressursside uurimine — salvestus (Local Storage, Session Storage, IndexedDB), küpsised, vahemälu.
• Security: Lehe turvalisuse analüüs, sealhulgas SSL sertifikaatide kontroll.
• Lighthouse: Veebilehe audit vastavalt jõudluse, ligipääsetavuse, SEO ja parimate tavade kriteeriumidele.

Kasutamine QA:

• UI/UX kontroll: Stiilide analüüs (Elements), kohandatavuse testimine (Toggle device toolbar).
• Frontend silumine: JavaScripti vigade tuvastamine (Console, Sources).
• API interaktsioonide analüüs: Päringute ja vastuste jälgimine (Network).
• Jõudluse hindamine: Laadimisaja ja skriptide täitmisaja hindamine (Performance).
• Salvestusruumide uurimine: Local Storage, küpsised jms. kontrollimine (Application).
• Seadme simulatsioon: Testimine erinevatel ekraanisuurustel ja võrgutingimustel (Network – Throttling).