Wulin.com (www.vevb.com) مقالة مقدمة: Modernizr و HTML5.
حسنًا ، HTML5 شائع الآن ، لذلك سأضيف HTML5 إلى عنوانه :)
في الواقع ، يولد Modernizr لـ HTML5 - إنها مكتبة JS التي تكتشف دعم المتصفحات لميزات HTML5 و CSS3. يعتمد موقع توافق متصفح HTML5/CSS3 الشهير FindMeByip على هذا الإطار.
يمكنك أن ترى أن هناك رابطًا لـ Modernizr على الزر الأخضر في الزاوية اليمنى السفلى.
ميزات Modernizrوظيفة Modernizr بسيطة للغاية. إنه لاستخدام JS للكشف عن دعم المتصفح لميزات HTML5/CSS3. إذا كان يدعم سمة معينة ، فأضف فئة مقابلة إلى علامة <HTML> للصفحة. إذا لم يدعمها ، فأضف فئة بدون prefix. على سبيل المثال ، إذا كان المتصفح المكتشف يدعم علامة الفيديو ، فسيضيف Modernizr فئة فيديو إلى علامة <html> ، وإلا
تحقق من رمز مصدر FindMeByip أو استخدم أداة مثل FireBug لعرض رمز الصفحة ، ويمكنك رؤية الفئة في علامة <html>.
بالإضافة إلى ذلك ، يوفر Modernizr أيضًا استخدامًا آخر ، وهو اكتشاف دعم المتصفح لميزة معينة وحدها ، مثل:
من الآمن نسبيًا اكتشاف دعم المتصفح لـ HTML5 من خلال واجهات مماثلة.
اكتشاف المتصفح: ميزات UA مقابلفي الواقع ، عادة ما يستخدم الجميع UA للكشف عن متصفح. بالطبع ، توفر UA أيضًا معلومات أكثر ثراءً. UA ليست في كل مكان ، ولديها أيضًا بعض نقاط الضعف ، مثل تمويه UA لمتصفح المستخدم وعدم وجود معلومات UA التي توفرها بعض المتصفحات المتخلفة على حكم معلومات المتصفح. الأهم من ذلك ، بالنسبة لميزات HTML5 ، باستخدام UA لتحديد ما إذا كان المتصفح يدعم ميزة معينة معقدة للغاية وغير موثوقة.
بالطبع ، كانت هناك دائمًا نقاشات حول UA والكشف عن الميزات. ما أريد أن أقوله هنا هو أن التحليل المحدد لمشكلات محددة ، باستخدام HTML5 للكشف عن دعم الميزات في الموقع أكثر موثوقية ومريحة من UA ~~
باستخدام Modernizrاستخدام Modernizr بسيط للغاية ، فقط قدم ملف JS للمكتبة في الصفحة:
>/script>
Modernizr مفتوح المصدر ، ولكن لسبب ما تم حظره بواسطة G-FW.
Modernizr @ gitتم استضافة مشروع Modernizr في Git ، يمكنك الحصول عليه على العنوان التالي:
يوفر المؤلف أيضًا صفحة إخراج بسيطة في GIT:
وصفحة اختبار مفصلة:
القراءة الموسعة:اكتشاف ميزات HTML5
نشر HTML5 و CSS3 بأمان مع Modernizr