1. مقدمة
إن ظهور CSS3 يجعل أداء المتصفح أكثر ملونة ، والأثر الأكبر على الأداء هو الرسوم المتحركة. عند كتابة الرسوم المتحركة في الحياة اليومية ، من الضروري الحكم على ما إذا كان المتصفح يدعمها مسبقًا ، خاصة عند كتابة مكتبة الرسوم المتحركة CSS3. على سبيل المثال ، يتم دعم حالة الانتقال للرسوم المتحركة من قبل بعض المتصفحات فقط.
2. طريقة الاختبار
يمكن للطريقة التالية استخدام البرامج النصية لتحديد ما إذا كان المتصفح يدعم سمة CSS3 معينة:
/** * حدد ما إذا كان المتصفح يدعم سمة css3 معينة * param {string} اسم الخاصية * @RETURN {boolean} true/false * @version 1.0 * @author ydr.me * April 4 ، 2014 14:47:19 */function supportcs3 (style) {var prefix = [] ، htmlstyle = document.documentElement.style ، _tohumb = function (string) {return string.replace (/-(/w)/g ، function ($ 0 ، $ 1) {return $ 1.touppercase () ؛}) ؛ } ؛ لـ (i in prefix) humpstring.push (_tohumb (بادئة [i] + '-' + نمط)) ؛ humpstring.push (_tohumb (style)) ؛ ل (أنا في humpstring) إذا (humpstring [i] في htmlstyle) return true ؛ العودة كاذبة }3. كيفية الاستخدام
ALERT (SupportCSS3 ('riptiation-play-state')) ؛