Chrome DevTools'da veb sahifalarni tahlil qilish va xatolarni tuzatish uchun qanday asboblar va funksiyalarni ishlatasiz?

Chrome DevTools'da veb sahifalarni tahlil qilish va xatolarni tuzatish uchun odatda quyidagi asboblar va funksiyalarni ishlataman:

• Elements — DOM va CSSni real vaqt rejimida ko'rish va tahrirlash uchun.
• Console — JavaScript kodini bajarish va loglar, xatolarni ko'rish uchun.
• Network — tarmoq so'rovlarini tahlil qilish, resurslarning yuklanish vaqtlarini ko'rish, server javoblarini tekshirish uchun.
• Sources — JavaScriptni xatolarini tuzatish, to'xtash nuqtalarini (breakpoints) qo'yish imkoniyati bilan.
• Performance — sahifa ishlashini profiling qilish, muammoli joylarni aniqlash uchun.
• Application — mahalliy saqlash, cookie, IndexedDB bilan ishlash uchun.
• Lighthouse — ishlash, kirish imkoniyati va SEO bo'yicha audit qilish uchun.

Masalan, yuklash muammosini kuzatish uchun Network bo'limini ochaman, resurs turiga qarab filtrlayman va har bir faylning holati va yuklanish vaqtini tekshiraman.