Dasturchilar uchun Chrome kengaytmalari

JSON, API, GitHub, kod va matn bilan ishlashni tezlashtiradigan bepul kengaytmalar. Zip'ni yuklab oling va «Load unpacked» orqali o'rnating.

← Barcha qo'llanmalar

• Chrome: SEO Tekshiruv — Sahifaning SEO holati, meta teglari, sarlavhalari, rasmlari, yuklanish tezligi va buzilgan havolalarini tekshiradi.
• Chrome: Rang va Shrift — Sahifadagi istalgan elementning rangi, shrifti va o'lchamini ko'rsatadi; pipetka va sahifa palitrasi.
• Chrome: Tezlik Sinovi — Internet tezligini bir bosishda o'lchaydi: ping, yuklab olish va yuklash. Video qo'ng'iroq, o'yin va 4K uchun yetarliligini aytadi.
• Chrome: JSON Ko'zgu — JSON javoblarni rangli, yig'iladigan daraxt ko'rinishida ko'rsatadi: qidiruv, yo'lni nusxalash, formatlash.
• Chrome: So'rov Ustasi — Dasturchilar uchun: so'rovlarni bloklash, boshqa manzilga yo'naltirish, header'larni o'zgartirish va backend tayyor bo'lmasa soxta…
• Chrome: Responsive Ko'rgich — Saytni telefon, planshet va kompyuter o'lchamlarida yonma-yon ko'rsatadi.
• Chrome: Texno Aniqlagich — Sayt qaysi texnologiyalar bilan qurilganini aniqlaydi: framework, CMS, kutubxonalar, analitika, server va hosting.
• Chrome: Chegara Ko'rsatgich — Sahifadagi barcha elementlar chegarasini rangli chiziqlar bilan ko'rsatadi: layout xatolarini topish uchun.
• Chrome: Dasturchi Qutisi — Base64, URL, JWT, vaqt belgisi, UUID, hash, Regex, JSON va sanoq tizimlari — bitta oynada, internetsiz.
• Chrome: GitHub Yordamchi — GitHub'da fayl daraxti paneli, fayl va repo hajmlari, bitta papkani ZIP qilib yuklab olish.
• Chrome: Web Vitals Jonli — Sahifa burchagida LCP, CLS, INP, FCP va TTFB ko'rsatkichlarini real vaqtda ko'rsatadi.
• Chrome: Kirish Imkoniyati Tekshiruvi — Sahifani nogironligi bor foydalanuvchilar uchun qulayligini tekshiradi: kontrast, alt matnlar, tugma nomlari, label'lar…
• Chrome: LeetCode → GitHub — LeetCode'da yechim qabul qilinganda (Accepted) kod va masala sharti GitHub repongizga avtomatik saqlanadi.
• Chrome: UA Almashtirgich — Sayt sizni iPhone, Android, planshet yoki boshqa brauzer deb o'ylaydi. Faqat bitta tab yoki hamma tablar uchun.
• Chrome: GitHub Xabarlari — GitHub bildirishnomalari, ochiq PR'laringiz va sizdan review kutilayotgan PR'lar toolbar'da. Yangilari haqida ogohlantiradi.
• Chrome: Cookie Muharriri — Joriy sayt cookie'larini ko'rish, tahrirlash, qo'shish, o'chirish, JSON/Netscape formatida eksport va import.
• Chrome: REST Mijozi — Postman'ning yengil o'zbekcha muqobili: so'rov yuborish, header, body, avtorizatsiya, o'zgaruvchilar, tarix, saqlangan so'rovlar…
• Chrome: Kod Parchalari — Tez-tez ishlatiladigan kod parchalarini saqlang: til, teg, qidiruv, rangli ko'rinish. Sahifadagi koddan o'ng tugma bilan saqlash…
• Chrome: Kengaytma Qayta Yuklagich — Kengaytma ishlab chiqayotganlar uchun: papkadagi kod saqlanganda o'zingizning (unpacked) kengaytmangiz avtomatik qayta yuklanadi…
• Chrome: Storage Muharriri — Saytning localStorage, sessionStorage va IndexedDB ma'lumotlarini yon panelda jadval ko'rinishida ko'ring, qidiring, tahrirlang…
• Chrome: Konsol Xatolari — Sahifadagi JavaScript xatolari, ushlanmagan promise va console.error'lar soni ikonkada. DevTools ochmasdan ro'yxat, stack…
• Chrome: Element Nusxalash — Saytdagi tugma, kartochka yoki blokni tanlang — u barcha uslublari bilan toza HTML + CSS ko'rinishida olinadi. Jonli ko'rinish…
• Chrome: Hujjat Qidiruvi — Manzil satriga 'd mdn flex' yozing — to'g'ridan-to'g'ri MDN hujjatiga o'tasiz. React, Python, Node, PHP, Laravel, Django, Go…
• Chrome: Ikonka Generatori — Bitta rasmdan 16–1024 o'lchamdagi barcha ikonkalar: favicon.ico, Apple touch, PWA, Chrome kengaytma, Android mipmap, iOS. Fon…
• Chrome: PWA Tekshiruvchi — Sayt PWA sifatida o'rnatila oladimi? Manifest maydonlari, ikonkalar (192/512/maskable), service worker, kesh va offline, HTTPS…
• Chrome: Sekin Internet — Saytingizni sekin tarmoqda sinang: 2G, 3G, sekin 4G, offline yoki o'zingiz bergan tezlik/kechikish; CPU sekinlashtirish. Faqat…
• Chrome: Kod Skrinshoti — Kodni chiroyli rasmga aylantiring (Carbon kabi): mavzular, gradient fon, oyna tugmalari, qator raqamlari, sarlavha. PNG yuklash…
• Chrome: Konvertorlar — Dasturchi konvertorlari bir joyda: HTML → JSX, CSS → Tailwind, JSON → TypeScript, cURL → fetch/axios, JSON → Go struct. Jonli…
• Chrome: SVG Yig'uvchi — Sahifadagi barcha SVG ikonka va rasmlarni (inline, img, CSS fon, sprite) bir joyga yig'adi, optimallashtiradi. SVG, JSX yoki data…
• Chrome: WebSocket Kuzatuvchi — Sahifadagi WebSocket va EventSource (SSE) ulanishlarini yon panelda jonli kuzating: yuborilgan/qabul qilingan xabarlar vaqti…
• Chrome: Xato Hisoboti — Saytdagi xatoni bir bosishda jo'nating: belgilash mumkin bo'lgan skrinshot, konsol loglari, muvaffaqiyatsiz tarmoq so'rovlari va…
• Chrome: Vizual Farq — Sahifaning «oldingi» holatini saqlang, o'zgartirishdan keyin solishtiring: farq qizil bilan belgilanadi, foizi, yonma-yon, surgich…
• Chrome: Akkaunt Almashtirgich — Test uchun: bitta saytdagi bir nechta akkaunt (admin, mijoz, kuryer...) sessiyasini saqlang va bir bosishda almashtiring — cookie…
• Chrome: Joy, Vaqt va Til — Saytni boshqa shahar, vaqt zonasi va tilda sinang: geolokatsiya, timezone, locale (sana/raqam formati) va Accept-Language — faqat…
• Chrome: Domen va SSL — Sayt SSL sertifikati va domeni qachon tugashini, DNS yozuvlarini (A, AAAA, MX, NS, TXT, CNAME) ko'rsatadi. O'z saytlaringizni…
• Chrome: Cron va SQL — Cron ifodasini o'zbekcha tushuntiradi va keyingi ishga tushish vaqtlarini ko'rsatadi; SQL so'rovini chiroyli formatlaydi yoki bir…
• Chrome: README Muharriri — README.md ni GitHub ko'rinishidagi jonli preview bilan yozing: tayyor shablonlar, badge'lar, jadval va checklist tugmalari…
• Chrome: Flex/Grid Ko'rgich — Sahifadagi barcha Flexbox va Grid konteynerlarni ustida chizadi: grid chiziqlari va raqamlari, ustun/qatorlar, gap (shtrixlangan)…
• Chrome: Ishlatilmagan CSS — Sahifadagi CSS fayllarda hech bir elementga qo'llanilmagan qoidalarni topadi: fayl bo'yicha foiz va hajm, selektorlar ro'yxati…
• Chrome: Breakpoint Ko'rsatkichi — Burchakda joriy oyna eni va breakpoint (Tailwind sm/md/lg/xl, Bootstrap yoki o'zingizniki) doim ko'rinib turadi. Saytning o'z…
• Chrome: Soya va Gradient — box-shadow (ko'p qatlamli, inset), text-shadow va gradient (linear, radial, conic) ni jonli tahrirlang: tayyor namunalar, rang…
• Chrome: Tailwind Tushuntiruvchi — Element ustiga olib boring — har bir Tailwind klass o'zbekcha tushuntiriladi va qaysi CSS hosil qilishi ko'rsatiladi (sm:, md…
• Chrome: Dark mode almashtirgich — Saytni qorong’i yoki yorug’ rejimda bir bosishda sinang: prefers-color-scheme emulyatsiyasi va majburiy qorong’i filtr.
• Chrome: Rasm auditi — Sahifadagi rasmlarni tekshiradi: og’ir fayllar, keragidan katta o’lcham, eski format (WebP/AVIF tavsiyasi), alt va width/height yo’qligi, l…
• Chrome: Sahifa ichidagi network log — fetch va XHR so’rovlarini DevTools ochmasdan sahifaning o’zida ko’ring: status, vaqt, header’lar, javob tanasi, cURL nusxa.
• Chrome: Telefon konsoli kompyuterda — Telefonda ochilgan sahifaning console.log, xato va ogohlantirishlarini kompyuterda real vaqtda ko’ring. Kabel va USB debugging kerak emas.
• Chrome: Bundle tahlili — Sahifa yuklagan JS fayllar hajmi (siqilgan va asl), domenlar bo’yicha taqsimot va ishlatilgan kutubxonalar ro’yxati.
• Chrome: Eski kutubxona ogohlantiruvchisi — Saytda ishlatilgan JS kutubxonalar versiyasini aniqlab, ma’lum zaifliklar (CVE) va qo’llab-quvvatlanmaydigan versiyalar haqida ogohlantirad…
• Chrome: React komponent topuvchi — Sahifadagi elementni bosing — u qaysi React komponentga tegishli, qaysi faylning qaysi qatorida yozilgani va komponentlar zanjirini ko’rsat…
• Chrome: Re-render hisoblagich — React komponentlari necha marta qayta chizilganini real vaqtda sanaydi va sahifada ko’rsatadi. Keraksiz re-render’larni topish uchun.
• Chrome: Vue va Svelte inspektori — Elementni tanlang — Vue komponentining props, holati (data/setup) va fayli yoki Svelte komponentining fayl:qatori ko’rinadi. DevTools o’rna…
• Chrome: Framework versiyasi — Sayt qaysi framework va kutubxonalarda yozilganini, ularning versiyasini va eng so’nggi versiyadan qancha orqada ekanini ko’rsatadi.
• Chrome: GraphQL so’rov quruvchi — API sxemasini avtomatik yuklab, maydonlarni belgilab GraphQL so’rov tuzing, avtoto’ldirish bilan tahrirlang va natijani ko’ring.
• Chrome: Swagger/OpenAPI ko’ruvchi — OpenAPI 3 va Swagger 2 spetsifikatsiyasini (JSON yoki YAML) chiroyli, qidiriladigan hujjatga aylantiradi: endpoint’lar, parametrlar, sxemal…
• Chrome: Webhook sinov manzili — Bir bosishda ochiq webhook manzili oling va kelgan so’rovlarni (header, body, query) real vaqtda ko’ring. Lokal serveringizga yo’naltirish …
• Chrome: GitHub’da «go to definition» — GitHub’da kod o’qiyotganda Ctrl (Mac’da ⌘) + bosish bilan funksiya, klass yoki o’zgaruvchi e’lon qilingan joyga o’ting — repo ichida qidira…
• Chrome: Commit tarixi grafigi — GitHub repozitoriyasidagi branch’lar va commit’larni git log --graph kabi daraxt ko’rinishida ko’rsatadi: merge’lar, ajralishlar, teglar.
• Chrome: Bog’liqliklar holati — package.json (npm) yoki requirements.txt (PyPI) dagi paketlar eskirganmi — eng so’nggi versiya, major orqada qolish va deprecated paketlarn…
• Chrome: Repo statistikasi — GitHub repozitoriyasi haqida qisqa hisobot: yulduz, fork, ochiq issue va PR, tillar ulushi, faol ishtirokchilar va yillik commit faolligi.
• Chrome: AI commit xabari — git diff asosida aniq va qisqa commit xabarini AI yozib beradi: Conventional Commits uslubida, ingliz, o’zbek yoki rus tilida.
• Chrome: Xavfsizlik header’lari — Sayt javobida CSP, HSTS, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, Permissions-Policy borligini tekshirib, A–F baho va tuza…
• Chrome: Uchinchi tomon skriptlari — Sayt qaysi tashqi xizmatlarga ulanishini va ma’lumot yuborishini ko’rsatadi: analitika, reklama, ijtimoiy tarmoqlar, chat, xatolar kuzatuvi…
• Chrome: Kod nusxalash tugmasi — Istalgan saytdagi kod bloki ustiga sichqonchani olib borsangiz «Nusxalash» tugmasi chiqadi. Qator raqamlari va $ belgisini olib tashlaydi.
• Chrome: Placeholder rasm generatori — Kerakli o’lcham, rang va matndagi placeholder rasmni bir zumda yarating: PNG, JPG, WebP yoki SVG; yuklab olish, nusxalash yoki data URL.
• Chrome: Mock API generatori — Backend tayyor bo’lmasa ham frontendni ishlating: endpoint va shablon yozing — kengaytma fetch/XHR so’rovlarini ushlab, soxta ma’lumot qayt…

⬇ Hammasini yuklab olish (65) Brauzer bir nechta yuklashga ruxsat so'rashi mumkin.

Kengaytmani qanday o'rnatish

1. Kengaytma sahifasidan zip faylni yuklab oling va doimiy papkaga oching.
2. chrome://extensions ni oching va «Developer mode» ni yoqing.
3. «Load unpacked» ni bosing va papkani tanlang.