Kontent qismiga oʻtish

Google Chrome DevTools

ZiyoSfera, erkin ensiklopediya
{{{nom}}}
Fayl:Google Chrome DevTools logo.png
Ishlab chiquvchiGoogle

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

Manbalar

Tashqi havolalar