Koje alate i funkcije koristiš u Chrome DevTools za analizu i otklanjanje grešaka na web stranicama?

У Chrome DevTools често користим следеће алате и функције за анализу и дебаговање веб страница:

• Elements — за преглед и уређивање DOM и CSS у реалном времену.
• Console — за извршавање JavaScript кода и преглед логова, грешака.
• Network — за анализу мрежних захтева, времена учитавања ресурса, проверу одговора сервера.
• Sources — за дебаговање JavaScript-а са могућношћу постављања тачака заустављања.
• Performance — за профилисање перформанси странице, идентификовање уских грла.
• Application — за рад са локалним складиштем, колачићима, IndexedDB.
• Lighthouse — за аудит перформанси, приступачности и SEO.

На пример, да пратим проблем са учитавањем, отварам картицу Network, филтрирам по типу ресурса и прегледам статус и време учитавања сваког фајла.