Браўзэры і прылады

Даведайцеся пра браўзеры і прылады, ад сучасных да старых, якія падтрымліваюцца 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

Мы выкарыстоўваем Autoprefixer для апрацоўкі меркаванай падтрымкі браўзераў праз прэфіксы CSS, які выкарыстоўвае спіс браўзераў для кіравання гэтымі версіямі браўзераў. Звярніцеся да іх дакументацыі, каб даведацца, як інтэграваць гэтыя інструменты ў вашы праекты.

Мабільныя прылады

Наогул кажучы, Bootstrap падтрымлівае апошнія версіі браўзераў па змаўчанні для кожнай асноўнай платформы. Звярніце ўвагу, што проксі-браўзеры (напрыклад, Opera Mini, рэжым Turbo Opera Mobile, UC Browser Mini, Amazon Silk) не падтрымліваюцца.

	Chrome	Firefox	Сафары	Браўзэр Android і WebView
Android	Падтрымліваецца	Падтрымліваецца	—	версія 6.0+
iOS	Падтрымліваецца	Падтрымліваецца	Падтрымліваецца	—

Браўзэры для працоўнага стала

Падобным чынам падтрымліваюцца апошнія версіі большасці настольных браўзераў.

	Chrome	Firefox	Microsoft Edge	Опера	Сафары
Mac	Падтрымліваецца	Падтрымліваецца	Падтрымліваецца	Падтрымліваецца	Падтрымліваецца
вокны	Падтрымліваецца	Падтрымліваецца	Падтрымліваецца	Падтрымліваецца	—

Для Firefox у дадатак да апошняй нармальнай стабільнай версіі мы таксама падтрымліваем апошнюю версію Firefox з пашыранай падтрымкай (ESR) .

Неафіцыйна Bootstrap павінен выглядаць і паводзіць сябе дастаткова добра ў Chromium і Chrome для Linux і Firefox для Linux, хоць яны афіцыйна не падтрымліваюцца.

Internet Explorer

Internet Explorer не падтрымліваецца. Калі вам патрэбна падтрымка Internet Explorer, выкарыстоўвайце Bootstrap v4.

Мадальныя і выпадальныя меню на мабільным тэлефоне

Перапаўненне і пракрутка

Падтрымка overflow: hidden;элемента <body>даволі абмежаваная ў iOS і Android. З гэтай мэтай, калі вы пракручваеце міма верхняй або ніжняй часткі мадальнага ў любым з браўзераў гэтых прылад, <body>змесціва пачне пракручвацца. Глядзіце памылку Chrome №175502 (выпраўлена ў Chrome v40) і памылку WebKit №153852 .

Тэкставыя палі iOS і пракрутка

Пачынаючы з iOS 9.2, пакуль мадальны рэжым адкрыты, калі першы дотык жэсту пракруткі знаходзіцца ў межах тэксту <input>або <textarea>, <body>змесціва пад мадальным будзе пракручвацца замест самога мадальнага. Глядзіце памылку WebKit №153856 .

Элемент .dropdown-backdropне выкарыстоўваецца ў iOS у навігацыі з-за складанасці z-індэксацыі. Такім чынам, каб закрыць выпадаючыя спісы ў панэлі навігацыі, вы павінны непасрэдна пстрыкнуць элемент выпадальнага меню (або любы іншы элемент, які выкліча пстрычку ў iOS ).

Маштабаванне браўзэра

Маштабаванне старонкі непазбежна стварае артэфакты рэндэрынгу ў некаторых кампанентах, як у Bootstrap, так і ў астатнім сеціве. У залежнасці ад праблемы мы можам яе выправіць (спачатку пашукайце, а потым адкрыйце праблему, калі спатрэбіцца). Аднак мы схільныя ігнараваць іх, бо яны часта не маюць прамога рашэння, акрамя хакерскіх абыходных шляхоў.

Валідатары

Каб забяспечыць найлепшы вопыт для старых браўзераў і браўзераў з памылкамі, Bootstrap выкарыстоўвае ўзломы браўзераў CSS у некалькіх месцах, каб нацэліць спецыяльны CSS на пэўныя версіі браўзераў, каб абыйсці памылкі ў саміх браўзерах. Зразумела, гэтыя ўзломы прымушаюць валідатары CSS скардзіцца, што яны несапраўдныя. У некалькіх месцах мы таксама выкарыстоўваем перадавыя функцыі CSS, якія яшчэ не цалкам стандартызаваны, але яны выкарыстоўваюцца выключна для прагрэсіўнага паляпшэння.

Гэтыя папярэджанні аб праверцы не маюць значэння на практыцы, паколькі неўзламаная частка нашага CSS выконвае поўную праверку, а ўзламаныя часткі не перашкаджаюць належнаму функцыянаванню неўзламанай часткі, таму мы наўмысна ігнаруем гэтыя канкрэтныя папярэджанні.

Нашы HTML-дакументы таксама маюць некаторыя трывіяльныя і неістотныя папярэджанні аб праверцы HTML з-за таго, што мы ўключылі абыходны шлях для пэўнай памылкі Firefox .