Brauzerlar va qurilmalar
Bootstrap tomonidan qo'llab-quvvatlanadigan zamonaviydan eskigacha bo'lgan brauzerlar va qurilmalar, jumladan, har biri uchun ma'lum nosozliklar va xatolar haqida bilib oling.
Qo'llab-quvvatlanadigan brauzerlar
Bootstrap barcha asosiy brauzerlar va platformalarning so'nggi, barqaror versiyalarini qo'llab-quvvatlaydi.
To‘g‘ridan-to‘g‘ri yoki platformaning veb-ko‘rish API’si orqali WebKit, Blink yoki Gecko’ning so‘nggi versiyasidan foydalanadigan muqobil brauzerlar aniq qo‘llab-quvvatlanmaydi. Biroq, Bootstrap (ko'p hollarda) ushbu brauzerlarda ham to'g'ri ko'rsatilishi va ishlashi kerak. Qo'llab-quvvatlash haqida batafsil ma'lumot quyida keltirilgan.
Siz bizning qo'llab-quvvatlanadigan brauzerlar qatorini va ularning versiyalarini bizning.browserslistrc file
sahifamizda topishingiz mumkin :
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
Biz ushbu brauzer versiyalarini boshqarish uchun Brauzerlar ro'yxatidan foydalanadigan CSS prefikslari orqali mo'ljallangan brauzer yordamini boshqarish uchun Autoprefixerdan foydalanamiz. Ushbu vositalarni loyihalaringizga qanday integratsiya qilish uchun ularning hujjatlariga murojaat qiling.
Mobil qurilmalar
Umuman olganda, Bootstrap har bir asosiy platformaning standart brauzerlarining so'nggi versiyalarini qo'llab-quvvatlaydi. Esda tutingki, proksi-brauzerlar (masalan, Opera Mini, Opera Mobile-ning Turbo rejimi, UC Browser Mini, Amazon Silk) qo'llab-quvvatlanmaydi.
Chrome | Firefox | Safari | Android brauzeri va WebView | |
---|---|---|---|---|
Android | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | — | v6.0+ |
iOS | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | — |
Ish stoli brauzerlari
Xuddi shunday, ko'pgina ish stoli brauzerlarining so'nggi versiyalari qo'llab-quvvatlanadi.
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi |
Windows | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | Qo'llab-quvvatlanadi | — |
Firefox uchun, eng so'nggi oddiy barqaror versiyaga qo'shimcha ravishda, biz Firefox-ning so'nggi Kengaytirilgan Yordam Relizi (ESR) versiyasini ham qo'llab-quvvatlaymiz.
Norasmiy ravishda, Bootstrap Linux uchun Chromium va Chrome va Linux uchun Firefox-da etarlicha yaxshi ko'rinishi va o'zini tutishi kerak, ammo ular rasman qo'llab-quvvatlanmaydi.
Internet Explorer
Internet Explorer qo'llab-quvvatlanmaydi. Agar sizga Internet Explorer-ni qo'llab-quvvatlash kerak bo'lsa, Bootstrap v4 dan foydalaning.
Mobilda modal va ochiladigan menyular
To'ldirish va aylantirish
Elementni qo'llab-quvvatlash overflow: hidden;
iOS <body>
va Android-da juda cheklangan. Shu maqsadda, ushbu qurilmalar brauzerlaridan birida modalning yuqori yoki pastki qismidan o‘tsangiz, <body>
kontent aylana boshlaydi. Chrome xato #175502 ( Chrome v40 da tuzatilgan) va WebKit xatosi #153852 ga qarang .
iOS matn maydonlari va aylantirish
<input>
IOS 9.2 dan boshlab, modal ochiq bo'lsa, aylantirish imo-ishorasining dastlabki teginishi matn yoki a chegarasida bo'lsa <textarea>
, <body>
modalning o'zi o'rniga modal ostidagi tarkib aylantiriladi. 153856-sonli WebKit xatosiga qarang .
Navbarning ochiladigan menyusi
Element .dropdown-backdrop
z-indekslashning murakkabligi tufayli iOS-da navlarda ishlatilmaydi. Shunday qilib, navigatsiya panelidagi ochiladigan menyularni yopish uchun siz to'g'ridan-to'g'ri ochiladigan elementni (yoki iOS-da bosish hodisasini ishga tushiradigan boshqa elementni ) bosishingiz kerak.
Brauzerni kattalashtirish
Sahifani kattalashtirish muqarrar ravishda Bootstrap-da ham, Internetning qolgan qismlarida ham ba'zi komponentlarda renderlash artefaktlarini taqdim etadi. Muammoga qarab, biz uni hal qilishimiz mumkin (avval qidiring va kerak bo'lsa, muammoni oching). Biroq, biz ularni e'tiborsiz qoldiramiz, chunki ular ko'pincha noto'g'ri vaqtinchalik echimlardan boshqa to'g'ridan-to'g'ri echimga ega emas.
Tasdiqlovchilar
Eski va noto'g'ri brauzerlar uchun eng yaxshi tajribani taqdim etish uchun Bootstrap brauzerlarning o'zlarida xatolarni bartaraf etish uchun muayyan brauzer versiyalariga maxsus CSS-ni yo'naltirish uchun bir necha joylarda CSS brauzerini buzishlardan foydalanadi. Ushbu buzg'unchiliklar CSS validatorlarining noto'g'ri ekanligi haqida shikoyat qilishlariga sabab bo'lishi mumkin. Baʼzi joylarda biz hali toʻliq standartlashtirilmagan CSS xususiyatlaridan ham foydalanamiz, lekin ular faqat progressiv yaxshilash uchun ishlatiladi.
Ushbu tasdiqlash ogohlantirishlari amalda muhim emas, chunki bizning CSS-ning noto'g'ri bo'lgan qismi to'liq tasdiqlanadi va buzilgan bo'limlar noto'g'ri bo'lgan qismning to'g'ri ishlashiga xalaqit bermaydi, shuning uchun biz ushbu maxsus ogohlantirishlarni ataylab e'tiborsiz qoldiramiz.
Bizning HTML hujjatlarida ham ba'zi bir ahamiyatsiz va ahamiyatsiz HTML tekshiruvi ogohlantirishlari mavjud, chunki biz ma'lum bir Firefox xatosi uchun vaqtinchalik yechimni kiritganmiz .