Šta su Chrome alati za razvojne programere (Chrome DevTools)?

Alatke Chrome DevTools su skup alata ugrađenih u pregledač za razvoj i otklanjanje grešaka na vebu.

Glavni paneli:

• Elements: Pregled i refaktorisanje HTML strukture i stilova CSS u realnom vremenu.
• Console: Izlaz logova, izvršavanje JavaScript koda, otklanjanje grešaka.
• Sources: Otklanjanje grešaka u JavaScript-u pomoću tačaka za zaustavljanje, profilisanje performansi.
• Network: Praćenje mrežnih zahteva (HTTP/HTTPS), analiza vremena izvršenja i sadržaja.
• Performance: Analiza vremena učitavanja i izvršavanja koda stranice.
• Memory: Profilisanje korišćenja memorije, otkrivanje curenja.
• Application: Istraživanje resursa aplikacije — skladište (Local Storage, Session Storage, IndexedDB), kolačići, keš.
• Security: Analiza bezbednosti stranice, uključujući proveru SSL sertifikata.
• Lighthouse: Audit veb stranice prema kriterijumima performansi, pristupačnosti, SEO i najboljih praksi.

Upotreba u QA:

• Provera UI/UX: Analiza stilova (Elements), testiranje prilagodljivosti (Toggle device toolbar).
• Otklanjanje grešaka na frontendu: Otkrivanje grešaka u JavaScript-u (Console, Sources).
• Analiza API interakcija: Praćenje zahteva i odgovora (Network).
• Procena performansi: Procena vremena učitavanja i izvršavanja skripti (Performance).
• Istraživanje skladišta: Provera Local Storage, kolačića itd. (Application).
• Simulacija uređaja: Testiranje na različitim veličinama ekrana i mrežnim uslovima (Network – Throttling).