انتقل إلى المحتوى الرئيسي انتقل إلى التنقل في المستندات
View on GitHub

المتصفحات والأجهزة

تعلم حول المتصفحات والأجهزة، من عصري إلى قديم، التي يتم دعمها بواسطة Bootstrap، بما في ذلك المراوغات والأخطاء المعروفة لكل منها.

المتصفحات المدعومة

يدعم Bootstrap الأحدث، الإصدارات مستقرة لجميع المتصفحات والمنصات الرئيسية.

المتصفحات البديلة التي تستخدم أحدث إصدار من WebKit، Blink، أو Gecko، سواء كان بشكل مباشر أو عبر واجهة برمجة تطبيقات عرض الويب للنظام الأساسي، غير مدعومة بشكل صريح. ومع ذلك، ينبغي عرض 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

نستخدم Autoprefixer للتعامل مع دعم المتصفح المقصود عبر بادئات CSSا، التي تستخدم Browserslist لإدارة إصدارات المتصفح هذه. استشر وثائقهم لمعرفة كيفية دمج هذه الأدوات في مشاريعك.

أجهزة محمولة

بشكل عام، يدعم Bootstrap أحدث الإصدارات من المتصفحات الافتراضية لكل منصة رئيسية. لاحظ أن المتصفحات الوكيل (مثل Opera Mini، Opera Mobile’s Turbo Mode، UC Browser Mini، Amazon Silk) غير مدعومة.

Chrome Firefox Safari متصفح Android و عرض الويب
Android مدعوم مدعوم v6.0+
iOS مدعوم مدعوم مدعوم

متصفحات سطح المكتب

على نحو مشابه، يتم دعم أحدث إصدارات معظم متصفحات سطح المكتب.

Chrome Firefox Microsoft Edge Opera Safari
Mac مدعوم مدعوم مدعوم مدعوم مدعوم
Windows مدعوم مدعوم مدعوم مدعوم

بالنسبة لـFirefox، بالإضافة إلى أحدث إصدار ثابت عادي، نحن ندعم أيضًا الأحدث إصدار من الدعم الموسع (ESR) من Firefox

بشكل غير رسمي، يجب أن يبدو Bootstrap ويتصرف بشكل جيد بما يكفي في Chromium، Chrome لمنصة التشغيل Linux، وFirefox لمنصة التشغيل Linux، على الرغم من أنهم غير مدعومين رسميًا.

Internet Explorer

Internet Explorer غير مدعوم. إذا كنت بحاجة إلى دعم Internet Explorer، من فضلك استخدم Bootstrap v4. (لاحظ أن Bootstrap v4 لايدعم rtl).

مشروطات وهبوط قطرة على الهاتف المحمول

تجاوز والتمرير

دعم overflow: hidden; على عنصر <body> محدود جدًا في نظامي iOS وAndroid. إلى تلك النهاية، عندما تقوم بالتمرير متجاوزًا الجزء العلوي أو السفلي من المشروط في أي من متصفحات هذه الأجهزة، سيبدأ محتوى <body> في التمرير. راجع خطأ Chrome #175502 (تم إصلاحه في Chrome v40) وخطأ WebKit #153852.

iOS الحقول النصية والتمرير

اعتبارًا من iOS 9.2، اثناء مشروط مفتوح، إذا كانت اللمسة الأولية لحركة التمرير داخل حدود النص <input> أو <textarea>، سيتم تمرير محتوى <body> الموجود أسفل المشروط بدلاً من المشروط نفسه. راجع [خطأ WebKit #175502.(https://bugs.webkit.org/show_bug.cgi?id=153856).

هبوط قطرة شريط التنقل

لا يتم استخدام عنصر .dropdown-backdrop على iOS في شريط التنقل بسبب تعقيد z-indexing. وبالتالي, لإغلاق هبوط قطرة في شريط التنقل، يجب عليك مباشرة على عنصر هبوط قطرة (أو أي عنصر آخر يتسبب في حدث نقرة في iOS).

تقريب المتصفح

تقريب الصفحة حتمًا يعرض عيوبًا في العرض بعض المكونات، في كل من Bootstrap وبقية الويب. اعتمادًا على القضية، قد نتمكن من إصلاحها (ابحث أولاً وثم افتح القضية إذا احتجت ذالك). ومع ذلك، نميل إلى تجاهلها كما هو الحال في غالبًا لا يوجد حل مباشر بخلاف الحلول البديلة.

التحققات

من أجل تقديم أفضل تجربة ممكنة للمتصفحات القديمة وعربات التي تجرها الدواب، يستخدم Bootstrap اختراقات مستعرض CSS في عدة أماكن لاستهداف CSS خاص لإصدارات معينة من المتصفح من أجل التغلب على الأخطاء في المتصفحات نفسها. تتسبب هذه الاختراقات بشكل مفهوم في جعل تحققات CSS يشكون من أنها غير صالحة. في بعض الحالات، نستخدم أيضًا ميزات CSS المتطورة التي لم يتم توحيدها بالكامل بعد، ولكن هذه تستخدم فقط من أجل التحسين التدريجي.

لا تهم تحذيرات التحقق هذه من الناحية العملية نظرًا لأن الجزء غير المخترق من CSS الخاص بنا يفعل تحقق بشكل كامل ولا تتداخل أجزاء الاختراق مع الأداء السليم للجزء غير المخترق، لهذا السبب نتجاهل عمدًا هذه التحذيرات الخاصة.

تحتوي مستندات HTML الخاصة بنا أيضًا على بعض التحذيرات التافهة وغير المهمة للتحقق من صحة HTML نظرًا لتضميننا حلًا بديلًا لخلل معين في Firefox.