css3test用于测试浏览器对CSS3 的支持度。目前各个浏览器对CSS3 的支持效果不一样，其中IE系的浏览器支持效果最差。
原理
实际上浏览器对CSS的支持程度可以使用浏览器的API来得到，而不是运行一个使用了css3的页面来肉眼判断，或者更复杂的使用PhantomCSS(对于不同机型 似乎使用PhantomCSS行不通？)属性支持
实际上就是对一个遍历一个元素的style属性对象
若一个属性存在于这个style的key中则支持 var dummy = document.createElement('_'),
inline = dummy.style;
if(testProperty in inline) {
return true;
}
选择器支持
利用 document.querySelector('.selector');
如果不支持这个选择器 该语句会报错try {
document.querySelector(prefixed);
}catch (e) {}
利用matchMedia()var matches = matchMedia(test);
return matches.media !== 'invalid' && matches.matches;
Keyframe关键帧
利用sytle.sheet.cssRules.lengthvar style = document.createElement('style');
style.textContent = '@keyframes foo{}'; // Safari 4 has issues with style.innerHTML
if(style.sheet.cssRules.length > 0) {
return _.atrule.cached[atrule] = prefixed;
}
仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！
链接: https://fly63.com/nav/1863
