Biraawuzarootaa fi meeshaalee
Waa'ee biraawzarootaa fi meeshaalee, ammayyaa irraa kaasee hanga duriitti, kanneen Bootstrap'n deeggaraman, tokkoon tokkoon isaaniif quirks fi bugs beekamoo ta'an dabalatee baradhu.
Biraawzaroota deeggaraman
Bootstrap kanneen haaraa, tasgabbaa'oo ta'an kanneen biroowzaroota fi waltajjiiwwan gurguddoo hunda ni deeggara.
Biraawzaroota filannoo kanneen WebKit, Blink, ykn Gecko isa haaraa fayyadaman, kallattiinis ta'e karaa API ilaalcha weeb waltajjii, ifatti hin deeggaraman. Haa ta'u malee, Bootstrap (yeroo baay'ee) biraawzaroota kana keessattis sirritti agarsiisuu fi hojjechuu qaba. Odeeffannoon deeggarsa addaa dabalataa armaan gaditti kennameera.
Browser keenya kan deeggaramee fi version isaanii kan keenya irraa argachuu dandeessu.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
Deeggarsa biraawzari yaadame karaa durtii CSS qabachuuf Autoprefixer fayyadamna , kunis gosoota biraawzari kana bulchuuf Browserslist fayyadama. Meeshaalee kana pirojektoota kee keessatti akkamitti akka walitti makuu dandeessan galmee isaanii ilaali.
Meeshaalee moobaayilaa
Walumaagalatti, Bootstrap tokkoon tokkoon waltajjii guddaa biraawzaroota durtii gosoota haaraa ni deeggara. Hubadhaa, biraawzaroota bakka bu'aa (kan akka Opera Mini, haalata Turbo Opera Mobile, UC Browser Mini, Amazon Silk) akka hin deeggaramne.
Chrome jedhamuun beekama | Firefox jedhamuun beekama | Safarii | Andirooyidii Biraawuzarii & WebView | |
---|---|---|---|---|
Andirooyidii | Deeggarameera | Deeggarameera | — . | v6.0+ jedhamuun beekama |
iOS jedhamuun beekama | Deeggarameera | Deeggarameera | Deeggarameera | — . |
Biraawzaroota deeskitooppii
Haaluma walfakkaatuun, irra caalaan biraawzaroota deeskitooppii gosootni haaraan ni deeggaraman.
Chrome jedhamuun beekama | Firefox jedhamuun beekama | Microsoft Edge jedhamuun beekama | Opera | Safarii | |
---|---|---|---|---|---|
Macaafa Qulqulluu | Deeggarameera | Deeggarameera | Deeggarameera | Deeggarameera | Deeggarameera |
Windows jedhamuun beekama | Deeggarameera | Deeggarameera | Deeggarameera | Deeggarameera | — . |
Firefox tiif, gadhiifama tasgabbaa'aa idilee isa haaraatiin alatti, akkasumas gosa Firefox isa haaraa Gadhiifama Deeggarsa Dheeraa (ESR) ni deeggarra.
Akka ofiisaatti hin taane, Bootstrap Chromium fi Chrome for Linux, fi Firefox for Linux keessatti akka gaariitti ilaaluu fi amala qabaachuu qaba, haa ta'u malee isaan akka ofiisaatti hin deeggaramne.
Internet Explorer jedhamuun beekama
Internet Explorer hin deeggaramu. Yoo deeggarsa Internet Explorer barbaaddan, maaloo Bootstrap v4 fayyadamaa.
Moodaalee fi dropdowns mobaayila irratti
Overflow fi scroll gochuu
Deeggarsi overflow: hidden;
on the <body>
element iOS fi Android keessatti baayyee daangeffamaadha. Kanaaf, yeroo ati gubbaa ykn jala moodaalii biraawzaroota meeshaalee sanaa keessaa tokko bira darbitu, <body>
qabiyyeen sun garagalchuu ni jalqaba. Dogoggora Chrome #175502 ( Chrome v40 keessatti sirreeffame) fi dogongora WebKit #153852 ilaali .
Dirreewwan barruu iOS fi garagalchuu
IOS 9.2 irraa eegalee, moodaaliin tokko banaa ta'ee osoo jiruu, yoo tuqaan jalqabaa sochii qaxxaamuraa daangaa barreeffamaa <input>
ykn a keessa ta'e <textarea>
, <body>
qabiyyeen moodaalichaa jala jiru bakka moodaalichaa ofii isaatii ni qaxxaamurama. Dogoggora WebKit #153856 ilaali .
Navbar Gadi Bu'uu
Elementiin .dropdown-backdrop
kun iOS irratti nav keessatti hin fayyadamu sababa walxaxiinsa z-indexing irraa kan ka'e. Kanaaf, navbars keessatti tarreewwan cufuuf, kallattiin elementii gadi bu'aa cuqaasuu qabda (ykn elementii biraa kamiyyuu kan taatee cuqaasuu iOS keessatti dhukaasu ).
Browser guddisuu
Fuula guddisuun qaamolee tokko tokko keessatti artifaaktii agarsiisaa dhiyeessuun waan hin oolle, Bootstrap fi weeb hafe keessatti. Dhimmicha irratti hundaa'uun sirreessuu dandeenya ta'a (dursa barbaadi sana booda yoo barbaachisaa ta'e dhimma tokko banaa). Haa ta’u malee, yeroo baay’ee furmaata kallatti hacky workarounds malee waan hin qabneef kanneen bira darbuuf carraaqna.
Mirkaneessitoota
Muuxannoo gaarii biraawzaroota durii fi dogoggora qabaniif kennuudhaaf, Bootstrap bakka hedduutti hack biraawzari CSS fayyadamuun CSS addaa gara gosoota biraawzaroota murtaa'anitti xiyyeeffachuun dogoggora biraawzaroota keessa jiran ofuma isaaniitii irratti hojjechuuf. Hacks kunniin CSS validators sirrii miti jedhanii akka komatan gochuun isaanii hubatamaadha. Bakka lamatti, akkasumas amaloota CSS dhiiguu-qarqara ammallee guutummaatti sadarkaa hin qabne fayyadamna, garuu kunniin fooyya'iinsa tarkaanfataadhaaf qulqulluu ta'ee fayyadamu.
Akeekkachiisni mirkaneessuu kun qabatamaan dhimma hin qaban sababiin isaas kutaan CSS keenyaa inni hacky hin taane guutummaatti mirkaneessaa fi kutaaleen hacky kutaa hacky hin taane sirnaan hojjechuu waan hin gufachiifneef, kanarraa ka'uun maaliif itti yaadnee akeekkachiisa addaa kana tuffannu.
Barreeffamoonni HTML keenyas akkasuma sababa dogoggora Firefox murtaa'eef furmaata hammachuu keenyaatiin akeekkachiisa mirkaneessuu HTML salphaa fi bu'aa hin qabne tokko tokko qabu .