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.