Mga browser at device

Matuto tungkol sa mga browser at device, mula moderno hanggang luma, na sinusuportahan ng Bootstrap, kasama ang mga kilalang quirk at bug para sa bawat isa.

Sa pahinang ito

Mga sinusuportahang browser

Sinusuportahan ng Bootstrap ang pinakabago, matatag na release ng lahat ng pangunahing browser at platform.

Ang mga alternatibong browser na gumagamit ng pinakabagong bersyon ng WebKit, Blink, o Tuko, direkta man o sa pamamagitan ng web view API ng platform, ay hindi tahasang sinusuportahan. Gayunpaman, ang Bootstrap ay dapat (sa karamihan ng mga kaso) na magpakita at gumana nang tama sa mga browser na ito. Ang mas tiyak na impormasyon ng suporta ay ibinigay sa ibaba.

Mahahanap mo ang aming sinusuportahang hanay ng mga browser at ang kanilang mga bersyon sa aming.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

Ginagamit namin ang Autoprefixer upang pangasiwaan ang nilalayong suporta sa browser sa pamamagitan ng mga prefix ng CSS, na gumagamit ng Browserslist upang pamahalaan ang mga bersyon ng browser na ito. Kumonsulta sa kanilang dokumentasyon para sa kung paano isama ang mga tool na ito sa iyong mga proyekto.

Mga mobile device

Sa pangkalahatan, sinusuportahan ng Bootstrap ang pinakabagong mga bersyon ng mga default na browser ng bawat pangunahing platform. Tandaan na ang mga proxy browser (gaya ng Opera Mini, Turbo mode ng Opera Mobile, UC Browser Mini, Amazon Silk) ay hindi suportado.

	Chrome	Firefox	Safari	Android Browser at WebView
Android	Sinusuportahan	Sinusuportahan	—	v6.0+
iOS	Sinusuportahan	Sinusuportahan	Sinusuportahan	—

Mga desktop browser

Katulad nito, sinusuportahan ang mga pinakabagong bersyon ng karamihan sa mga desktop browser.

	Chrome	Firefox	Microsoft Edge	Opera	Safari
Mac	Sinusuportahan	Sinusuportahan	Sinusuportahan	Sinusuportahan	Sinusuportahan
Windows	Sinusuportahan	Sinusuportahan	Sinusuportahan	Sinusuportahan	—

Para sa Firefox, bilang karagdagan sa pinakabagong normal na stable na release, sinusuportahan din namin ang pinakabagong Extended Support Release (ESR) na bersyon ng Firefox.

Sa hindi opisyal na paraan, ang Bootstrap ay dapat magmukhang at kumilos nang maayos sa Chromium at Chrome para sa Linux, at Firefox para sa Linux, bagama't hindi sila opisyal na suportado.

Internet Explorer

Hindi suportado ang Internet Explorer. Kung kailangan mo ng suporta sa Internet Explorer, mangyaring gamitin ang Bootstrap v4.

Mga modal at dropdown sa mobile

Overflow at pag-scroll

Ang suporta para overflow: hidden;sa <body>elemento ay medyo limitado sa iOS at Android. Sa layuning iyon, kapag nag-scroll ka sa itaas o ibaba ng isang modal sa alinman sa mga browser ng mga device na iyon, <body>magsisimulang mag-scroll ang content. Tingnan ang Chrome bug #175502 (naayos sa Chrome v40) at WebKit bug #153852 .

iOS text field at pag-scroll

Simula sa iOS 9.2, habang bukas ang isang modal, kung ang paunang pagpindot ng isang galaw ng pag-scroll ay nasa loob ng hangganan ng isang textual <input>o isang <textarea>, ang <body>nilalaman sa ilalim ng modal ay mai-scroll sa halip na ang modal mismo. Tingnan ang WebKit bug #153856 .

Hindi ginagamit ang .dropdown-backdropelemento sa iOS sa nav dahil sa pagiging kumplikado ng z-indexing. Kaya, upang isara ang mga dropdown sa mga navbar, dapat mong direktang i-click ang dropdown na elemento (o anumang iba pang elemento na magpapagana ng kaganapan sa pag-click sa iOS ).

Pag-zoom ng browser

Ang pag-zoom ng page ay hindi maiiwasang magpapakita ng mga artifact sa pag-render sa ilang bahagi, sa Bootstrap at sa iba pang bahagi ng web. Depende sa isyu, maaari naming ayusin ito (maghanap muna at pagkatapos ay magbukas ng isyu kung kinakailangan). Gayunpaman, madalas naming balewalain ang mga ito dahil madalas silang walang direktang solusyon maliban sa mga hacky na workaround.

Mga validator

Upang makapagbigay ng pinakamahusay na posibleng karanasan sa mga luma at maraming buggy na browser, gumagamit ang Bootstrap ng mga hack ng browser ng CSS sa ilang lugar upang i-target ang espesyal na CSS sa ilang bersyon ng browser upang malutas ang mga bug sa mga browser mismo. Ang mga hack na ito ay maliwanag na nagiging sanhi ng mga validator ng CSS na magreklamo na sila ay hindi wasto. Sa ilang lugar, gumagamit din kami ng bleeding-edge na mga feature ng CSS na hindi pa ganap na na-standardize, ngunit ginagamit lamang ang mga ito para sa progresibong pagpapahusay.

Ang mga babala sa pagpapatunay na ito ay hindi mahalaga sa pagsasanay dahil ang hindi-hacky na bahagi ng aming CSS ay ganap na nagpapatunay at ang mga na-hack na bahagi ay hindi nakakasagabal sa wastong paggana ng hindi-hacky na bahagi, kaya kung bakit namin sinasadya ang mga partikular na babalang ito.

Ang aming mga HTML docs ay mayroon ding ilang maliit at walang kabuluhang mga babala sa pagpapatunay ng HTML dahil sa aming pagsasama ng isang solusyon para sa isang partikular na bug sa Firefox .