Koje alate i kartice u Chrome DevTools koristiš za otklanjanje grešaka i analizu web stranica?

Za otklanjanje grešaka i analizu veb stranica u Chrome DevTools obično koristim sledeće kartice:

• Elements — za pregled i izmenu strukture DOM-a i CSS stilova u realnom vremenu.
• Console — za prikazivanje logova, izvršavanje JavaScript koda i otkrivanje grešaka.
• Network — za analizu mrežnih zahteva, proveru učitavanja resursa, vremena odgovora i statusa.
• Sources — za otklanjanje grešaka u JavaScript kodu, postavljanje tačaka prekida i korak po korak izvršavanje.
• Performance — za profilisanje performansi stranice, analizu vremena učitavanja i renderovanja.
• Application — za rad sa lokalnim skladištem, kolačićima, IndexedDB i kešom.
• Security — za proveru sigurnosti veze i sertifikata.

Primer: ako se stranica dugo učitava, otvorim karticu Network, sortiram zahteve po vremenu i pogledam koji resursi usporavaju učitavanje.