Milliseid tööriistu ja funktsioone kasutad Chrome DevTools'is veebilehtede analüüsimiseks ja silumiseks?

Chrome DevTools'is kasutades sageli järgmisi tööriistu ja funktsioone veebilehtede analüüsimiseks ja vigade parandamiseks:

• Elements — DOM-i ja CSS-i reaalajas vaatamiseks ja redigeerimiseks.
• Console — JavaScripti koodi käivitamiseks ja logide, vigade vaatamiseks.
• Network — võrgupäringute analüüsimiseks, ressursside laadimisajadeks, serveri vastuste kontrollimiseks.
• Sources — JavaScripti silumiseks võimalusega seadistada peatamispunktid (breakpoints).
• Performance — lehe jõudluse profiili koostamiseks, kitsaskohtade tuvastamiseks.
• Application — tööks kohaliku salvestusruumi, küpsiste, IndexedDB-ga.
• Lighthouse — jõudluse, ligipääsetavuse ja SEO auditi tegemiseks.

Näiteks laadimisprobleemi jälgimiseks avan Network vahelehe, filtreerin ressursitüübi järgi ja kontrollin iga faili staatust ja laadimisaega.