Google Chrome DevTools

Google Chrome DevTools (qisqartmasi: **DevTools**) — bu Google Chrome brauzerida mavjud boʻlgan, veb-ishlab chiquvchilar uchun moʻljallangan vositalar toʻplami. Ushbu vositalar yordamida foydalanuvchilar veb-sahifalarni tekshirish, debugging qilish va optimallashtirish imkoniyatiga ega boʻladilar.  

 Xususiyatlari   
Google Chrome DevTools quyidagi asosiy imkoniyatlarni taqdim etadi:  
- **Elementlar paneli** — sahifadagi HTML va CSS kodlarini real vaqtda tahrirlash imkonini beradi.  
- **Konsol** — JavaScript xatolarini kuzatish va buyruqlarni bajarish uchun ishlatiladi.  
- **Tarmoq paneli** — sahifaning yuklanish tezligini tahlil qilish va HTTP soʻrovlarini koʻrish imkonini beradi.  
- **Ishlash paneli** — sahifaning ish faoliyatini oʻlchash va optimallashtirish uchun ishlatiladi.  
- **Ilovalar paneli** — kesh, Local Storage, Cookies va boshqa maʼlumotlarni boshqarish imkonini beradi.  
- **Xavfsizlik paneli** — HTTPS, sertifikatlar va sahifadagi xavfsizlik bilan bogʻliq muammolarni tahlil qiladi.  

 Foydalanish   
Google Chrome DevTools vositasini ochish uchun quyidagi usullardan foydalanish mumkin:  
- **Klaviatura qisqichlari:**  
  - Windows/Linux: `F12` yoki `Ctrl + Shift + I`  
  - MacOS: `Cmd + Option + I`  
- **Brauzer menyusi orqali:**  
  - `"Koʻrib chiqish" > "Ishlab chiquvchilar vositalari"`  

 Veb-ishlab chiquvchilar uchun foydasi   
- **Kodning real vaqtda tahrirlanishi** — sahifa kodlarini tekshirib, oʻzgarishlarni darhol koʻrish imkoniyati mavjud.  
- **JavaScript debugging** — xatolarni aniqlash va kodni qadam-baqadam bajarib tekshirish imkonini beradi.  
- **Veb-sahifa yuklanish tezligini optimallashtirish** — tarmoq faolligini kuzatish va resurslarni samarali boshqarish imkonini beradi.  

 Tarixi   
Google Chrome DevTools dastlab 2008-yilda Chrome brauzeri bilan birga taqdim etilgan. U WebKit dvigatelining Web Inspector vositasidan ilhomlanib ishlab chiqilgan. Keyinchalik Google oʻzining Chromium loyihasi doirasida ushbu vositalarni rivojlantirdi.  

 Alternativlar   
 Mozilla Firefox Developer Tools  
 Safari Web Inspector  
 Microsoft Edge DevTools  

 Manbalar   
 Google DevTools rasmiy hujjatlari  
 Chrome DevTools boʻyicha qoʻllanmalar  

 Tashqi havolalar   
 Chrome ishlab chiquvchilar portali  
 Chrome DevTools GitHub sahifasi