Браузерлер мен құрылғылар

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-backdropiOS жүйесінде z-индекстеу күрделілігіне байланысты навигацияда пайдаланылмайды. Осылайша, шарлау жолақтарындағы ашылмалы тізімдерді жабу үшін ашылмалы элементті (немесе iOS жүйесінде басу оқиғасын іске қосатын кез келген басқа элементті ) тікелей басу керек .

Браузерді масштабтау

Бетті үлкейту Bootstrap бағдарламасында да, интернеттің қалған бөлігінде де кейбір құрамдас бөліктерде рендеринг артефактілерін сөзсіз ұсынады. Мәселеге байланысты біз оны түзете аламыз (қажет болса алдымен іздеңіз, содан кейін мәселені ашыңыз). Дегенмен, біз бұларды елемейміз, өйткені оларда қате шешімдерден басқа тікелей шешім жоқ.

Валидаторлар

Ескі және қате браузерлерге мүмкін болатын ең жақсы тәжірибені қамтамасыз ету үшін Bootstrap браузерлердің өздеріндегі қателерді айналып өту үшін белгілі бір браузер нұсқаларына арнайы CSS-ті бағыттау үшін бірнеше жерде CSS браузерінің бұзақыларын пайдаланады. Бұл бұзулар CSS валидаторларының жарамсыз деп шағымдануына себеп болатыны анық. Бірнеше жерде біз әлі толық стандартталмаған CSS мүмкіндіктерін пайдаланамыз, бірақ олар тек прогрессивті жақсарту үшін қолданылады.

Бұл тексеру ескертулері іс жүзінде маңызды емес, өйткені біздің CSS-тің бұзылмаған бөлігі толығымен расталады және бұзылған бөліктер бұзылмаған бөліктің дұрыс жұмыс істеуіне кедергі жасамайды, сондықтан біз бұл ерекше ескертулерді әдейі елемейміз.

Сондай-ақ, біздің HTML құжаттарымызда белгілі бір Firefox қатесі үшін уақытша шешімді қосуымызға байланысты тривиальды және мәнсіз HTML тексеру ескертулері бар .