المتصفحات والأجهزة (Browsers و devices)
تعرف على المتصفحات والأجهزة، من الحديثة إلى القديمة، التي يدعمها Bootstrap، بما في ذلك المشكلات والعيوب المعروفة لكل منها.
المتصفحات المدعومة
يدعم Bootstrap أحدث الإصدارات المستقرة من جميع المتصفحات والمنصات الرئيسية.
المتصفحات البديلة التي تستخدم أحدث إصدار من WebKit أو Blink أو Gecko، سواء بشكل مباشر أو عبر الـ web view API الخاصة بالمنصة، ليست مدعومة بشكل صريح. ومع ذلك، يجب أن يظهر Bootstrap (في معظم الحالات) ويعمل بشكل صحيح في هذه المتصفحات أيضاً. تتوفر معلومات دعم أكثر تحديداً أدناه.
يمكنك العثور على نطاق المتصفحات المدعومة وإصداراتها في ملف .browserslistrc:
# 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
not kaios <= 2.5 # fix floating label issues in Firefox (see https://github.com/postcss/autoprefixer/issues/1533)
نحن نستخدم Autoprefixer للتعامل مع دعم المتصفحات المقصود عبر بادئات CSS، والذي يستخدم Browserslist لإدارة إصدارات هذه المتصفحات. راجع المستندات الخاصة بهم لمعرفة كيفية دمج هذه الأدوات في مشاريعك.
الأجهزة المحمولة
بشكل عام، يدعم Bootstrap أحدث الإصدارات من المتصفحات الافتراضية لكل منصة رئيسية. لاحظ أن المتصفحات الوكيلة (مثل Opera Mini، ووضع Turbo في Opera Mobile، وUC Browser Mini، وAmazon Silk) غير مدعومة.
| Chrome | Firefox | Safari | Android Browser & WebView | |
|---|---|---|---|---|
| Android | مدعوم | مدعوم | — | v6.0+ |
| iOS | مدعوم | مدعوم | مدعوم | — |
متصفحات سطح المكتب
وبالمثل، فإن أحدث الإصدارات من معظم متصفحات سطح المكتب مدعومة.
| Chrome | Firefox | Microsoft Edge | Opera | Safari | |
|---|---|---|---|---|---|
| Mac | مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
| Windows | مدعوم | مدعوم | مدعوم | مدعوم | — |
بالنسبة لـ Firefox، بالإضافة إلى أحدث إصدار مستقر عادي، فإننا ندعم أيضاً أحدث إصدار من Extended Support Release (ESR) لـ Firefox.
بشكل غير رسمي، يجب أن يبدو Bootstrap ويعمل بشكل جيد بما يكفي في Chromium و Chrome لنظام Linux، و Firefox لنظام Linux، على الرغم من أنها غير مدعومة رسمياً.
Internet Explorer
Internet Explorer غير مدعوم. إذا كنت تتطلب دعماً لـ Internet Explorer، يرجى استخدام Bootstrap v4.
النوافذ المنبثقة (Modals) والقوائم المنسدلة على الهاتف المحمول
التجاوز (Overflow) والتمرير
الدعم لـ overflow: hidden; على عنصر <body> محدود للغاية في iOS و Android. لهذا الغرض، عندما تقوم بالتمرير بعد أعلى أو أسفل النافذة المنبثقة في متصفحات أي من تلك الأجهزة، سيبدأ محتوى <body> في التمرير. راجع Chrome bug #175502 (تم إصلاحه في Chrome v40) و WebKit bug #153852.
حقول النصوص في iOS والتمرير
بدءاً من iOS 9.2، وأثناء فتح النافذة المنبثقة، إذا كانت اللمسة الأولى لإيماءة التمرير تقع ضمن حدود عنصر <input> نصي أو <textarea>، فسيتم تمرير محتوى <body> الموجود أسفل النافذة المنبثقة بدلاً من النافذة نفسها. راجع WebKit bug #153856.
تكبير المتصفح (zooming)
يؤدي تكبير الصفحة حتماً إلى ظهور عيوب في التصيير في بعض المكونات، سواء في Bootstrap أو في بقية الويب. اعتماداً على المشكلة، قد نتمكن من إصلاحها (ابحث أولاً ثم افتح تذكرة issue إذا لزم الأمر). ومع ذلك، فإننا نميل إلى تجاهل هذه المشكلات لأنها غالباً لا تملك حلاً مباشراً سوى الحلول الالتفافية (hacky workarounds).
أدوات التحقق (Validators)
من أجل تقديم أفضل تجربة ممكنة للمتصفحات القديمة والتي تحتوي على أخطاء، يستخدم Bootstrap CSS browser hacks في عدة أماكن لاستهداف CSS خاص بإصدارات معينة من المتصفحات من أجل معالجة الأخطاء في المتصفحات نفسها. من المفهوم أن هذه الـ hacks تجعل أدوات التحقق من CSS تشتكي من أنها غير صالحة. في بعض الأماكن، نستخدم أيضاً ميزات CSS حديثة جداً لم يتم توحيدها بالكامل بعد، ولكن يتم استخدامها فقط للتحسين التدريجي (progressive enhancement).
تحذيرات التحقق هذه لا تهم في الممارسة العملية لأن الجزء غير المعتمد على الـ hacks من الـ CSS الخاص بنا يتم التحقق منه بالكامل، والأجزاء التي تعتمد على الـ hacks لا تتداخل مع الأداء السليم للجزء غير المعتمد على الـ hacks، ولهذا السبب نتجاهل هذه التحذيرات المحددة عمداً.
وبالمثل، تحتوي مستندات HTML الخاصة بنا على بعض تحذيرات التحقق من HTML البسيطة وغير المؤثرة بسبب تضميننا لحل التفافي لـ خطأ معين في Firefox.