דפדפנים ומכשירים
למד על הדפדפנים והמכשירים, מהמודרניים ועד הישנים, הנתמכים על ידי 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, המשתמשת ב- Browserlist כדי לנהל את גרסאות הדפדפן הללו. עיין בתיעוד שלהם כיצד לשלב את הכלים הללו בפרויקטים שלך.
מכשירים ניידים
באופן כללי, Bootstrap תומך בגרסאות האחרונות של דפדפני ברירת המחדל של כל פלטפורמה מרכזית. שים לב שדפדפני פרוקסי (כגון Opera Mini, מצב הטורבו של Opera Mobile, UC Browser Mini, Amazon Silk) אינם נתמכים.
| כרום | פיירפוקס | ספארי | דפדפן אנדרואיד ו-WebView | |
|---|---|---|---|---|
| דְמוּי אָדָם | נתמך | נתמך | — | v6.0+ |
| iOS | נתמך | נתמך | נתמך | — |
דפדפנים שולחניים
באופן דומה, הגירסאות העדכניות ביותר של רוב הדפדפנים למחשבים שולחניים נתמכות.
| כרום | פיירפוקס | מיקרוסופט אדג | אוֹפֵּרָה | ספארי | |
|---|---|---|---|---|---|
| מק | נתמך | נתמך | נתמך | נתמך | נתמך |
| חלונות | נתמך | נתמך | נתמך | נתמך | — |
עבור Firefox, בנוסף לגרסה היציבה הרגילה האחרונה, אנו תומכים גם בגרסה העדכנית ביותר של Extended Support Release (ESR) של Firefox.
באופן לא רשמי, Bootstrap אמור להיראות ולהתנהג מספיק טוב ב-Chromium וב-Chrome עבור לינוקס, וב-Firefox עבור לינוקס, למרות שהם אינם נתמכים רשמית.
אינטרנט אקספלורר
Internet Explorer אינו נתמך. אם אתה זקוק לתמיכה ב-Internet Explorer, השתמש ב-Bootstrap v4.
מודלים ונפתחות בנייד
הצפה וגלילה
התמיכה באלמנט מוגבלת למדי overflow: hidden;ב- <body>iOS ואנדרואיד. לשם כך, כאשר תגללו מעבר לחלק העליון או התחתון של מודאל בכל אחד מהדפדפנים של אותם מכשירים, <body>התוכן יתחיל לגלול. ראה באג #175502 של Chrome (תוקן ב-Chrome v40) ובאג של WebKit #153852 .
שדות טקסט ב-iOS וגלילה
החל מ-iOS 9.2, בעוד מודאל פתוח, אם הנגיעה הראשונית של תנועת גלילה היא בגבול של טקסט <input>או <textarea>, <body>התוכן שמתחת למודאל יגולל במקום המודאל עצמו. ראה באג ב-WebKit #153856 .
הנפתחות של Navbar
האלמנט .dropdown-backdropאינו בשימוש ב-iOS ב-nav בגלל המורכבות של יצירת אינדקס z. לפיכך, כדי לסגור תפריטים נפתחים בסרגלי הניווט, עליך ללחוץ ישירות על רכיב התפריט הנפתח (או כל רכיב אחר שיפעיל אירוע קליק ב-iOS ).
התקרבות הדפדפן
התקרבות עמודים מציגה בהכרח חפצי עיבוד בחלק מהרכיבים, הן ב-Bootstrap והן בשאר האינטרנט. בהתאם לבעיה, ייתכן שנוכל לתקן אותה (חפש תחילה ולאחר מכן פתח בעיה במידת הצורך). עם זאת, אנו נוטים להתעלם מאלה מכיוון שלעתים קרובות אין להם פתרון ישיר מלבד דרכים לעקיפת הבעיה.
מאמתים
על מנת לספק את החוויה הטובה ביותר לדפדפנים ישנים ובאגגיים, Bootstrap משתמשת בפריצות לדפדפן CSS במספר מקומות כדי למקד CSS מיוחד לגרסאות דפדפן מסוימות על מנת לעקוף באגים בדפדפנים עצמם. פריצות אלה גורמות באופן מובן למאמתי CSS להתלונן שהם לא חוקיים. בכמה מקומות, אנו משתמשים גם בתכונות CSS מתקדמות שעדיין אינן סטנדרטיות לחלוטין, אך הן משמשות אך ורק לשיפור מתקדם.
אזהרות אימות אלו אינן חשובות בפועל, מכיוון שהחלק הלא-האקי של ה-CSS שלנו אכן תוקף במלואו והחלקים האקי אינם מפריעים לתפקוד התקין של החלק הלא-האקי, ומכאן מדוע אנו מתעלמים בכוונה מהאזהרות המסוימות הללו.
כמו כן, למסמכי ה-HTML שלנו יש כמה אזהרות אימות HTML טריוויאליות וחסרות משמעות עקב הכללתנו של פתרון לעקיפת באג מסוים ב-Firefox .