Хөтөч ба төхөөрөмжүүд
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
Бид эдгээр хөтчийн хувилбаруудыг удирдахын тулд Browserlist -ийг ашигладаг CSS угтвараар дамжуулан хөтчийн дэмжлэгийг зохицуулахын тулд Autoprefixer ашигладаг. Эдгээр хэрэгслүүдийг төсөлдөө хэрхэн нэгтгэх талаар тэдний баримт бичгүүдээс лавлана уу.
Хөдөлгөөнт төхөөрөмж
Ерөнхийдөө Bootstrap нь үндсэн платформ бүрийн үндсэн хөтчийн хамгийн сүүлийн хувилбарыг дэмждэг. Прокси хөтчүүдийг (Opera Mini, Opera Mobile-ийн Turbo горим, UC Browser Mini, Amazon Silk гэх мэт) дэмждэггүйг анхаарна уу.
Chrome | Firefox | Сафари | Android Browser & WebView | |
---|---|---|---|---|
Android | Дэмжигдсэн | Дэмжигдсэн | - | v6.0+ |
iOS | Дэмжигдсэн | Дэмжигдсэн | Дэмжигдсэн | - |
Ширээний хөтчүүд
Үүний нэгэн адил ихэнх ширээний хөтчүүдийн хамгийн сүүлийн хувилбарууд дэмжигддэг.
Chrome | Firefox | Microsoft Edge | Дуурь | Сафари | |
---|---|---|---|---|---|
Mac | Дэмжигдсэн | Дэмжигдсэн | Дэмжигдсэн | Дэмжигдсэн | Дэмжигдсэн |
Windows | Дэмжигдсэн | Дэмжигдсэн | Дэмжигдсэн | Дэмжигдсэн | - |
Firefox-ийн хувьд бид хамгийн сүүлийн үеийн ердийн тогтвортой хувилбараас гадна Firefox-ын хамгийн сүүлийн үеийн Өргөтгөсөн дэмжлэгийн хувилбарыг (ESR) дэмждэг .
Албан бусаар Bootstrap нь албан ёсоор дэмжигдээгүй ч Linux-д зориулсан Chromium болон Chrome, Linux-д зориулсан Firefox-д хангалттай сайн харагдах ёстой.
Internet Explorer
Internet Explorer-г дэмждэггүй. Хэрэв танд Internet Explorer-ийн дэмжлэг хэрэгтэй бол Bootstrap v4-г ашиглана уу.
Мобайл дээрх загварууд болон уналтууд
Халих, гүйлгэх
overflow: hidden;
Элемент дээрх дэмжлэг <body>
iOS болон Android дээр нэлээд хязгаарлагдмал байдаг. Үүний тулд та эдгээр төхөөрөмжүүдийн аль нэг хөтчийг горимын дээд эсвэл доод талаас гүйлгэн гүйлгэх үед <body>
контент гүйлгэж эхэлнэ. Chrome-ын алдаа # 175502 (Chrome v40 дээр зассан) болон WebKit-ийн алдаа # 153852- ыг харна уу .
iOS текст талбарууд болон гүйлгэх
IOS 9.2-ын байдлаар, модаль нээлттэй байх үед гүйлгэх дохионы эхний мэдрэгч нь текст <input>
эсвэл a гэсэн зааврын хүрээнд байвал модаль өөрөө биш, доор <textarea>
байгаа <body>
контентыг гүйлгэх болно. WebKit-ийн алдаа # 153856- г үзнэ үү .
Navbar унадаг цэс
.dropdown-backdrop
z-индексжүүлэлтийн нарийн төвөгтэй байдлаас шалтгаалан энэ элементийг iOS дээр nav-д ашигладаггүй . Тиймээс, навигацын цэсийг хаахын тулд та унадаг элемент дээр (эсвэл iOS дээр товшилтыг идэвхжүүлдэг бусад элемент ) шууд дарах ёстой.
Хөтөчийг томруулж байна
Хуудсыг томруулах нь Bootstrap болон бусад вэбийн аль алинд нь зарим бүрэлдэхүүн хэсгүүдэд олдворуудыг үзүүлэх нь гарцаагүй. Асуудлаас хамааран бид үүнийг засах боломжтой (эхлээд хайгаад дараа нь шаардлагатай бол асуудлыг нээнэ үү). Гэсэн хэдий ч, бид тэдгээрийг үл тоомсорлох хандлагатай байдаг, учир нь тэдгээрт алдаатай тойрон гарахаас өөр шууд шийдэл байдаггүй.
Баталгаажуулагчид
Хуучин болон алдаатай хөтчүүдэд хамгийн сайн туршлага өгөхийн тулд Bootstrap нь хөтчүүдийн алдааг арилгахын тулд тусгай CSS-ийг хөтчийн тодорхой хувилбаруудад чиглүүлэхийн тулд хэд хэдэн газар CSS хөтчийн хакеруудыг ашигладаг. Эдгээр хакерууд нь CSS баталгаажуулагчдыг хүчингүй гэж гомдоллоход хүргэдэг. Хэд хэдэн газарт бид бүрэн стандартчилагдаагүй байгаа хамгийн сүүлийн үеийн CSS функцуудыг ашигладаг боловч эдгээрийг зөвхөн дэвшилтэт сайжруулалтад ашигладаг.
Эдгээр баталгаажуулалтын сэрэмжлүүлэг нь практикт хамаагүй, учир нь манай CSS-ийн хакердаагүй хэсэг нь бүрэн хүчинтэй бөгөөд хакердсан хэсгүүд нь хакердаагүй хэсгийн зөв үйл ажиллагаанд саад учруулдаггүй тул бид яагаад эдгээр анхааруулгыг зориудаар үл тоомсорлож байгаа юм.
Манай HTML баримтууд нь мөн адил Firefox-ын тодорхой алдааг арилгах арга замыг оруулсантай холбоотой HTML баталгаажуулалтын зарим нэг өчүүхэн бөгөөд ач холбогдолгүй анхааруулгатай байдаг .