Բրաուզերներ և սարքեր
Իմացեք բրաուզերների և սարքերի մասին՝ ժամանակակիցից մինչև հին, որոնք աջակցվում են 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, Opera Mobile's Turbo ռեժիմ, UC Browser Mini, Amazon Silk) չեն աջակցվում:
Chrome | Firefox | Սաֆարի | Android զննարկիչ և վեբ դիտում | |
---|---|---|---|---|
Android | Աջակցված է | Աջակցված է | — | v6.0+ |
iOS | Աջակցված է | Աջակցված է | Աջակցված է | — |
Սեղանի բրաուզերներ
Նմանապես, աշխատասեղանի բրաուզերների մեծ մասի վերջին տարբերակներն ապահովված են:
Chrome | Firefox | Microsoft Edge | Օպերա | Սաֆարի | |
---|---|---|---|---|---|
Mac | Աջակցված է | Աջակցված է | Աջակցված է | Աջակցված է | Աջակցված է |
Windows | Աջակցված է | Աջակցված է | Աջակցված է | Աջակցված է | — |
Firefox-ի համար, ի լրումն վերջին նորմալ կայուն թողարկման, մենք նաև աջակցում ենք Firefox-ի վերջին Extended Support Release (ESR) տարբերակը:
Ոչ պաշտոնապես, Bootstrap-ը պետք է բավական լավ տեսք ունենա և իրեն լավ պահի Chromium-ում և Chrome-ում՝ Linux-ի համար, և Firefox-ում՝ Linux-ի համար, թեև դրանք պաշտոնապես չեն աջակցվում:
Internet Explorer
Internet Explorer-ը չի աջակցվում: Եթե Ձեզ անհրաժեշտ է Internet Explorer-ի աջակցություն, խնդրում ենք օգտագործել Bootstrap v4:
Մոդալներ և բացվող ներդիրներ բջջայինի վրա
Հորդառատ և ոլորում
Տարրերի աջակցությունը բավականին սահմանափակ է iOS-ում և Android-ում overflow: hidden;
: <body>
Այդ նպատակով, երբ դուք ոլորեք մոդալի վերևի կամ ներքևի կողքով այդ սարքերից որևէ մեկի բրաուզերում, <body>
բովանդակությունը կսկսի ոլորվել: Տե՛ս Chrome-ի թիվ 175502 սխալը (շտկվել է Chrome v40-ում) և WebKit սխալը՝ #153852 :
iOS տեքստային դաշտեր և ոլորում
iOS 9.2-ի դրությամբ, երբ մոդալը բաց է, եթե պտտվող ժեստի սկզբնական հպումը գտնվում է տեքստի <input>
կամ a- ի սահմաններում <textarea>
, մոդալի <body>
տակի բովանդակությունը կշարժվի բուն մոդալի փոխարեն: Տես WebKit սխալ #153856 :
Navbar dropdowns
Տարրը .dropdown-backdrop
չի օգտագործվում iOS-ում նավի մեջ՝ z-ինդեքսավորման բարդության պատճառով: Այսպիսով, navbars-ում բացվող ցանկերը փակելու համար դուք պետք է ուղղակիորեն սեղմեք բացվող տարրը (կամ որևէ այլ տարր, որը կգործարկի սեղմման իրադարձություն iOS-ում ):
Բրաուզերի խոշորացում
Էջի խոշորացումն անխուսափելիորեն ներկայացնում է որոշ բաղադրիչների արտեֆակտներ, ինչպես Bootstrap-ում, այնպես էլ համացանցի մնացած մասում: Կախված խնդրից, մենք կարող ենք շտկել այն (նախ որոնեք, իսկ անհրաժեշտության դեպքում բացեք խնդիրը): Այնուամենայնիվ, մենք հակված ենք անտեսել դրանք, քանի որ դրանք հաճախ այլ ուղղակի լուծում չունեն, քան հաքերային լուծումները:
Վավերացնողներ
Հին և խելագարված բրաուզերներին լավագույն հնարավոր փորձը ապահովելու համար Bootstrap-ը մի քանի վայրերում օգտագործում է CSS բրաուզերի հաքեր ՝ հատուկ CSS-ին թիրախավորելու բրաուզերի որոշակի տարբերակների համար, որպեսզի շտկվի բրաուզերների սխալները: Այս հաքերները հասկանալի է, որ CSS վավերացնողները բողոքում են, որ դրանք անվավեր են: Մի քանի վայրերում մենք նաև օգտագործում ենք արյունահոսող CSS գործառույթներ, որոնք դեռ լիովին ստանդարտացված չեն, բայց դրանք օգտագործվում են զուտ առաջադեմ բարելավման համար:
Այս վավերացման նախազգուշացումները գործնականում նշանակություն չունեն, քանի որ մեր CSS-ի ոչ հաքերային հատվածը լիովին վավերացվում է, և հաքի հատվածները չեն խանգարում ոչ հաքերային հատվածի պատշաճ աշխատանքին, հետևաբար ինչու ենք մենք միտումնավոր անտեսում այս հատուկ նախազգուշացումները:
Մեր HTML փաստաթղթերը նույնպես ունեն որոշ չնչին և անհետևանք HTML-ի վավերացման նախազգուշացումներ՝ կապված Firefox-ի որոշակի վրիպակի լուծումների ընդգրկման հետ :