Arakatzaileak eta gailuak
Ikasi Bootstrap-ek onartzen dituen arakatzaile eta gailuei buruz, modernoetatik zaharrera, bakoitzaren bitxikeria eta akats ezagunak barne.
Onartutako arakatzaileak
Bootstrap-ek arakatzaile eta plataforma nagusi guztien azken bertsio egonkorrak onartzen ditu.
WebKit, Blink edo Gecko-ren azken bertsioa erabiltzen duten arakatzaile alternatiboak, zuzenean edo plataformaren web ikuspegiaren APIaren bidez, ez dira esplizituki onartzen. Hala ere, Bootstrap-ek (kasu gehienetan) behar bezala erakutsi eta funtzionatu beharko luke arakatzaile hauetan ere. Laguntza-informazio zehatzagoa behean ematen da.
Onartutako gure nabigatzaile sorta eta haien bertsioak aurki ditzakezu gure.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 erabiltzen dugu arakatzaileen laguntza nahi duzun CSS aurrizkien bidez kudeatzeko, zeinak Browserslist erabiltzen du arakatzaileen bertsio hauek kudeatzeko. Kontsultatu haien dokumentazioa tresna hauek zure proiektuetan nola integratzeko.
Gailu mugikorrak
Oro har, Bootstrap-ek plataforma nagusi bakoitzaren arakatzaile lehenetsien azken bertsioak onartzen ditu. Kontuan izan proxy arakatzaileak (adibidez, Opera Mini, Opera Mobile-ren Turbo modua, UC Browser Mini, Amazon Silk) ez direla onartzen.
Chrome | Firefox | Safaria | Android arakatzailea eta WebView | |
---|---|---|---|---|
Android | Onartua | Onartua | — | v6.0+ |
iOS | Onartua | Onartua | Onartua | — |
Mahaigaineko arakatzaileak
Era berean, mahaigaineko arakatzaile gehienen azken bertsioak onartzen dira.
Chrome | Firefox | Microsoft Edge | Opera | Safaria | |
---|---|---|---|---|---|
Mac | Onartua | Onartua | Onartua | Onartua | Onartua |
Leihoak | Onartua | Onartua | Onartua | Onartua | — |
Firefoxerako, azken bertsio egonkor arruntaz gain, Firefox-en azken laguntza hedatua (ESR) bertsioa ere onartzen dugu.
Ez-ofizialki, Bootstrap-ek nahikoa itxura eta portaera izan beharko luke Chromium eta Chrome Linux-en, eta Firefox Linux-en, ofizialki onartzen ez badira ere.
Internet Explorer
Internet Explorer ez da onartzen. Internet Explorer laguntza behar baduzu, erabili Bootstrap v4.
Modalak eta goitibeherakoak mugikorrean
Gainezka eta korritzea
Elementurako laguntza nahiko mugatua da iOS eta Android-en overflow: hidden;
. <body>
Horretarako, gailu horietako edozein arakatzaileetan modal baten goiko edo behealdetik mugitzen zarenean, <body>
edukia korritzen hasiko da. Ikusi Chrome akatsa #175502 (Chrome v40-n konponduta) eta WebKit akatsa #153852 .
iOS testu-eremuak eta desplazamendua
iOS 9.2-tik aurrera, modal bat irekita dagoen bitartean, korritze-keinu baten hasierako ukitua testu baten <input>
edo baten mugaren barruan badago <textarea>
, <body>
modalaren azpian dagoen edukia korrituko da modalaren ordez. Ikusi WebKit akatsa #153856 .
Nabigazio-barrako goitibehurrak
Elementua .dropdown-backdrop
ez da iOS-n erabiltzen nabigazioan, z-indexazioaren konplexutasuna dela eta. Horrela, nabigazio-barren goitibeherako zerrendak ixteko, zuzenean egin behar duzu klik goitibeherako elementuan (edo iOS-en klik-gertaera bat piztuko duen beste edozein elementu ).
Arakatzailea zooma
Orriaren zoomak ezinbestean errendatze-artefaktuak aurkezten ditu osagai batzuetan, bai Bootstrap-en, bai gainerako sarean. Arazoaren arabera, konpondu ahal izango dugu (lehenik bilatu eta gero arazo bat ireki behar izanez gero). Hala ere, hauek alde batera utzi ohi ditugu, askotan ez baitute soluzio zuzenik hacky irtenbideak baino.
Balidatzaileak
Arakatzaile zahar eta akatsenei ahalik eta esperientzia onena eskaintzeko, Bootstrap- ek CSS arakatzaileen hackeak erabiltzen ditu hainbat tokitan CSS bereziak arakatzaileen bertsio jakin batzuetara bideratzeko, arakatzaileen akatsak konpontzeko. Hackeatu hauek CSS baliozkotzaileak baliogabeak direla kexatzea eragiten dute. Leku pare batean, oraindik guztiz estandarizatu gabeko CSS funtzionaltasun modernoak ere erabiltzen ditugu, baina hobekuntza progresiborako soilik erabiltzen dira.
Balidazio-abisu hauek ez dute axola praktikan, gure CSS-aren zati ez-hacky-ak guztiz balioztatzen baitu eta zati hackyek ez baitute oztopatzen zati ez-hacky-aren funtzionamendu egokia, horregatik nahita alde batera uzten ditugu abisu jakin hauek.
Gure HTML dokumentuek, halaber, HTML baliozkotze-abisu hutsal eta garrantzizko batzuk dituzte, Firefox-en akats jakin baterako konponbide bat sartu dugulako .