Kādus rīkus un funkcijas izmanto Chrome DevTools, lai analizētu un labotu tīmekļa lapas?

Chrome DevTools bieži izmanto šādus rīkus un funkcijas tīmekļa lapu analīzei un kļūdu labojumam:

• Elements — lai skatītu un rediģētu DOM un CSS reāllaikā.
• Console — lai izpildītu JavaScript kodu un skatītu žurnālus, kļūdas.
• Network — tīkla pieprasījumu analīzei, resursu ielādes laikiem, servera atbildēm.
• Sources — JavaScript atkļūdošanai ar iespēju iestatīt pārtraukšanas punktus.
• Performance — lapas veiktspējas profilēšanai, vietu, kur ir aizsprostojumi, noteikšanai.
• Application — darbam ar vietējo glabātuvi, sīkdatnēm, IndexedDB.
• Lighthouse — veiktspējas, pieejamības un SEO audita veikšanai.

Piemēram, lai sekotu ielādes problēmai, atveru Network cilni, filtrēju pēc resursu veida un pārbaudu katra faila statusu un ielādes laiku.