Chrome DevTools'da veb-sahifalarni tahlil qilish va debugging uchun qanday asboblar va tablarni ishlatasiz?

Chrome DevTools-da veb sahifalarni xatolarni tuzatish va tahlil qilish uchun odatda quyidagi yorliqlarni ishlataman:

• Elements — DOM tuzilmasi va CSS uslublarini real vaqtda ko'rish va o'zgartirish uchun.
• Console — loglarni chiqarish, JavaScript kodini bajarish va xatolarni aniqlash uchun.
• Network — tarmoq so'rovlarini tahlil qilish, resurslarni yuklash, javob vaqtlarini va holatlarni tekshirish uchun.
• Sources — JavaScript kodini xatolarni tuzatish, to'xtash nuqtalarini o'rnatish va bosqichma-bosqich bajarish uchun.
• Performance — sahifa ishlashini profiling qilish, yuklash va render vaqtlarini tahlil qilish uchun.
• Application — mahalliy saqlash, cookie, IndexedDB va kechni ishlash uchun.
• Security — ulanish va sertifikatlarning xavfsizligini tekshirish uchun.

Misol: agar sahifa juda uzoq yuklanayotgan bo'lsa, Network yorlig'ini ochaman, so'rovlarni vaqt bo'yicha saralayman va yuklashni sekinlashtirayotgan resurslarni ko'raman.