Kokius įrankius ir funkcijas naudoji Chrome DevTools analizei ir svetainių derinimui?

Chrome DevTools dažnai naudoju šiuos įrankius ir funkcijas web puslapių analizavimui ir klaidų taisymui:

• Elements — norint peržiūrėti ir redaguoti DOM ir CSS realiu laiku.
• Console — JavaScript kodo vykdymui ir žurnalų, klaidų peržiūrai.
• Network — tinklo užklausų analizė, išteklių įkėlimo laikai, serverio atsakymų patikrinimas.
• Sources — JavaScript derinimui su galimybe nustatyti sustojimo taškus (breakpoints).
• Performance — puslapio našumo profilavimui, vietų, kur yra spragos, nustatymui.
• Application — darbui su vietiniu saugykla, slapukais, IndexedDB.
• Lighthouse — našumo, prieinamumo ir SEO audito atlikimui.

Pavyzdžiui, norint stebėti įkėlimo problemą, atidarau Network skiltį, filtruoju pagal išteklių tipą ir tikrinu kiekvieno failo būseną ir įkėlimo laiką.