Browsers en apparaten

Learje oer de browsers en apparaten, fan modern oant âld, dy't wurde stipe troch Bootstrap, ynklusyf bekende eigenaardichheden en bugs foar elk.

Op dizze side

Stipe browsers

Bootstrap stipet de lêste, stabile releases fan alle grutte browsers en platfoarms.

Alternative browsers dy't de lêste ferzje fan WebKit, Blink of Gecko brûke, itsij direkt as fia de webwerjefte API fan it platfoarm, wurde net eksplisyt stipe. Bootstrap moat lykwols (yn 'e measte gefallen) ek yn dizze browsers goed werjaan en funksjonearje. Mear spesifike stipeynformaasje wurdt hjirûnder jûn.

Jo kinne ús stipe oanbod fan browsers en har ferzjes fine yn ús.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

Wy brûke Autoprefixer om de bedoelde browserstipe te behanneljen fia CSS-foarheaksels, dy't Browserslist brûkt om dizze browserferzjes te behearjen. Rieplachtsje har dokumintaasje foar hoe't jo dizze ark kinne yntegrearje yn jo projekten.

Mobile apparaten

Yn 't algemien stipet Bootstrap de lêste ferzjes fan' e standertbrowsers fan elke grutte platfoarm. Tink derom dat proxy-browsers (lykas Opera Mini, Opera Mobile's Turbo-modus, UC Browser Mini, Amazon Silk) net wurde stipe.

	Chrome	Firefox	Safari	Android Browser en WebView
Android	Stipe	Stipe	-	v6.0+
iOS	Stipe	Stipe	Stipe	-

Buroblêd browsers

Op deselde manier wurde de lêste ferzjes fan de measte buroblêdbrowsers stipe.

	Chrome	Firefox	Microsoft Edge	Opera	Safari
Mac	Stipe	Stipe	Stipe	Stipe	Stipe
Windows	Stipe	Stipe	Stipe	Stipe	-

Foar Firefox stypje wy, neist de lêste normale stabile release, ek de lêste Extended Support Release (ESR) ferzje fan Firefox.

Unoffisjeel soe Bootstrap goed genôch sjen en gedrage moatte yn Chromium en Chrome foar Linux, en Firefox foar Linux, hoewol se net offisjeel wurde stipe.

Internet Explorer

Internet Explorer wurdt net stipe. As jo Internet Explorer-stipe nedich binne, brûk dan Bootstrap v4.

Modalen en dropdowns op mobyl

Oerfloed en rôlje

Stipe foar overflow: hidden;op it <body>elemint is frij beheind yn iOS en Android. Dêrta, as jo foarby de boppe- of ûnderkant fan in modal rôlje yn ien fan 'e browsers fan dizze apparaten, sil de <body>ynhâld begjinne te rôljen. Sjoch Chrome-bug #175502 (reparearre yn Chrome v40) en WebKit-bug #153852 .

iOS-tekstfjilden en rôlje

As fan iOS 9.2, wylst in modal iepen is, as de earste touch fan in rôlgebeart binnen de grins is fan in tekst <input>of in <textarea>, sil de <body>ynhâld ûnder de modal rôle wurde ynstee fan de modal sels. Sjoch WebKit bug #153856 .

It .dropdown-backdropelemint wurdt net brûkt op iOS yn 'e nav fanwegen de kompleksiteit fan z-yndeksearring. Sa, om dropdowns yn navbars te sluten, moatte jo direkt op it dropdown-elemint klikke (of in oar elemint dat in klikbarren yn iOS sil ûntstean ).

Browser zoomjen

Side-zoomen presintearret ûnûntkomber rendering-artefakten yn guon komponinten, sawol yn Bootstrap as de rest fan it web. Ofhinklik fan it probleem kinne wy it miskien reparearje (earst sykje en dan in probleem iepenje as dat nedich is). Wy hawwe lykwols de neiging om dizze te negearjen, om't se faaks gjin direkte oplossing hawwe oars as hacky oplossingen.

Validators

Om de bêste mooglike ûnderfining te leverjen oan âlde en buggy browsers, brûkt Bootstrap CSS browser hacks op ferskate plakken om spesjale CSS te rjochtsjen op bepaalde browserferzjes om bugs yn 'e browsers sels om te wurkjen. Dizze hacks feroarsaakje begryplik CSS-validators om te kleien dat se ûnjildich binne. Op in pear plakken brûke wy ek bleedende CSS-funksjes dy't noch net folslein standerdisearre binne, mar dizze wurde puur brûkt foar progressive ferbettering.

Dizze falidaasje warskôgings meitsje yn 'e praktyk neat út, om't it net-hacky-diel fan ús CSS folslein falidearret en de hacky-dielen net ynterferearje mei it goede funksjonearjen fan it net-hacky-diel, dêrom negearje wy dizze bepaalde warskôgings bewust.

Us HTML-dokuminten hawwe ek wat triviale en ûngemaklike warskôgings foar HTML-validaasje fanwege ús opnimmen fan in oplossing foar in bepaalde Firefox-bug .