1. บทนำ
การเกิดขึ้นของ CSS3 ทำให้ประสิทธิภาพของเบราว์เซอร์มีสีสันมากขึ้นและผลกระทบที่ใหญ่ที่สุดต่อประสิทธิภาพคือภาพเคลื่อนไหว เมื่อเขียนแอนิเมชั่นในชีวิตประจำวันมีความจำเป็นที่จะต้องตัดสินว่าเบราว์เซอร์สนับสนุนล่วงหน้าหรือไม่โดยเฉพาะอย่างยิ่งเมื่อเขียนห้องสมุดแอนิเมชั่น CSS3 ตัวอย่างเช่นสถานะการถ่ายภาพแอนิเมชั่นของการเปลี่ยนแปลงได้รับการสนับสนุนโดยเบราว์เซอร์เท่านั้น
2. วิธีการทดสอบ
วิธีการต่อไปนี้สามารถใช้สคริปต์เพื่อตรวจสอบว่าเบราว์เซอร์รองรับแอตทริบิวต์ CSS3 ที่แน่นอนหรือไม่:
/** * พิจารณาว่าเบราว์เซอร์รองรับแอตทริบิวต์ css3 บางอย่าง * @param {สตริง} ชื่อคุณสมบัติ * @return {boolean} true/false * @version 1.0 * @author ydr.me * 4 เมษายน 2014 14:47:19 */ฟังก์ชั่นสนับสนุน humpstring = [], htmlstyle = document.documentelement.style, _tohumb = ฟังก์ชั่น (สตริง) {return string.replace (/-(/w)/g, ฟังก์ชั่น ($ 0, $ 1) {return $ 1.touppercase ();}); - สำหรับ (ฉันอยู่ในคำนำหน้า) humpstring.push (_tohumb (คำนำหน้า [i] + '-' + สไตล์)); humpstring.push (_tohumb (สไตล์)); สำหรับ (ฉันอยู่ใน humpstring) ถ้า (humpstring [i] ใน htmlstyle) กลับมาจริง; กลับเท็จ; -3. วิธีใช้
การแจ้งเตือน (SupportCSS3 ('แอนิเมชั่นเล่น-รัฐ'));