Браузерлер мен құрылғылар
Bootstrap қолдайтын заманауидан ескіге дейінгі браузерлер мен құрылғылар туралы, соның ішінде әрқайсысы үшін белгілі қиындықтар мен қателер туралы біліңіз.
Қолдау көрсетілетін браузерлер
Bootstrap барлық негізгі браузерлер мен платформалардың соңғы, тұрақты шығарылымдарын қолдайды.
WebKit, Blink немесе Gecko бағдарламаларының соңғы нұсқасын пайдаланатын балама браузерлерге тікелей немесе платформаның веб-көрініс API интерфейсі арқылы нақты қолдау көрсетілмейді. Дегенмен, Bootstrap (көп жағдайда) осы браузерлерде де дұрыс жұмыс істеуі керек. Нақтырақ қолдау ақпараты төменде берілген.
Қолдау көрсетілетін браузерлер ауқымын және олардың нұсқаларын мына.browserslistrc file
жерден таба аласыз :
# 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
Осы браузер нұсқаларын басқару үшін Browserlist қолданбасын пайдаланатын CSS префикстері арқылы болжалды шолғыш қолдауын өңдеу үшін Autoprefixer пайдаланамыз. Бұл құралдарды жобаларыңызға қалай біріктіруге болатынын білу үшін олардың құжаттамасын қараңыз.
Мобильді құрылғылар
Жалпы айтқанда, Bootstrap әрбір негізгі платформаның әдепкі браузерлерінің соңғы нұсқаларын қолдайды. Прокси браузерлерге (Opera Mini, Opera Mobile турбо режимі, UC Browser Mini, Amazon Silk сияқты) қолдау көрсетілмейтінін ескеріңіз.
Chrome | Firefox | Сафари | Android шолғышы және WebView | |
---|---|---|---|---|
Android | Қолдау көрсетіледі | Қолдау көрсетіледі | — | v6.0+ |
iOS | Қолдау көрсетіледі | Қолдау көрсетіледі | Қолдау көрсетіледі | — |
Жұмыс үстелі браузерлері
Сол сияқты, көптеген жұмыс үстелі браузерлерінің соңғы нұсқаларына қолдау көрсетіледі.
Chrome | Firefox | Microsoft Edge | Опера | Сафари | |
---|---|---|---|---|---|
Mac | Қолдау көрсетіледі | Қолдау көрсетіледі | Қолдау көрсетіледі | Қолдау көрсетіледі | Қолдау көрсетіледі |
Windows | Қолдау көрсетіледі | Қолдау көрсетіледі | Қолдау көрсетіледі | Қолдау көрсетіледі | — |
Firefox үшін ең соңғы қалыпты тұрақты шығарылымға қоса, біз Firefox-тың соңғы кеңейтілген қолдау релизі (ESR) нұсқасын да қолдаймыз.
Бейресми түрде Bootstrap Chromium және Linux жүйесіне арналған Chrome және Linux үшін Firefox-та жеткілікті түрде жақсы көрінуі және әрекет етуі керек, бірақ олар ресми түрде қолдау көрсетпейді.
Internet Explorer
Internet Explorer браузеріне қолдау көрсетілмейді. Егер сізге Internet Explorer қолдауы қажет болса, Bootstrap v4 нұсқасын пайдаланыңыз.
Модалдар мен ұялы телефондағы ашылмалы тізімдер
Толып кету және айналдыру
Элементке қолдау overflow: hidden;
iOS <body>
және Android жүйелерінде өте шектеулі. Осы мақсатта, сол құрылғылардың браузерлерінің кез келгенінде модальдың жоғарғы немесе төменгі жағын жылжытқанда, <body>
мазмұн айналдыра бастайды. Chrome қатесі №175502 ( Chrome v40 нұсқасында түзетілген) және WebKit қатесі #153852 қараңыз .
iOS мәтін өрістері және айналдыру
<input>
IOS 9.2 нұсқасы бойынша, модаль ашық болған кезде, айналдыру қимылының бастапқы түртуі мәтіндік немесе a шекарасында болса <textarea>
, <body>
модальдың орнына модаль астындағы мазмұн айналдырылады. №153856 WebKit қатесін қараңыз .
Шарлау тақтасының ашылмалы тізімдері
Элемент .dropdown-backdrop
z-индексациясының күрделілігіне байланысты navда iOS жүйесінде пайдаланылмайды. Осылайша, шарлау жолақтарындағы ашылмалы тізімдерді жабу үшін ашылмалы элементті (немесе iOS жүйесінде басу оқиғасын іске қосатын кез келген басқа элементті ) тікелей басу керек .
Браузерді масштабтау
Бетті үлкейту Bootstrap бағдарламасында да, интернеттің қалған бөлігінде де кейбір құрамдас бөліктерде артефактілерді көрсетуді қамтамасыз етеді. Мәселеге байланысты біз оны түзете аламыз (қажет болса алдымен іздеп, содан кейін мәселені ашыңыз). Дегенмен, біз бұларды елемейміз, өйткені оларда қате шешімдерден басқа тікелей шешім жоқ.
Валидаторлар
Ескі және қате браузерлерге мүмкін болатын ең жақсы тәжірибені қамтамасыз ету үшін Bootstrap браузерлердің өздеріндегі қателерді айналып өту үшін белгілі бір браузер нұсқаларына арнайы CSS-ті бағыттау үшін бірнеше жерде CSS браузерінің бұзақыларын пайдаланады. Бұл бұзулар CSS валидаторларының жарамсыз деп шағымдануына себеп болатыны анық. Бірнеше жерде біз әлі толық стандартталмаған CSS мүмкіндіктерін пайдаланамыз, бірақ олар тек прогрессивті жақсарту үшін қолданылады.
Бұл тексеру ескертулері іс жүзінде маңызды емес, өйткені біздің CSS-тің бұзылмаған бөлігі толығымен расталады және бұзылған бөліктер бұзылмаған бөліктің дұрыс жұмыс істеуіне кедергі жасамайды, сондықтан біз бұл ерекше ескертулерді әдейі елемейміз.
Сондай-ақ, біздің HTML құжаттарымызда белгілі бір Firefox қатесі үшін уақытша шешімді қосуымызға байланысты тривиальды және мәнсіз HTML тексеру ескертулері бар .