您的位置:首页 > Web前端 > JavaScript

Javascript检测浏览器对CSS属性的支持 /* supports */

2015-02-06 10:55 513 查看
//检测浏览器对CSS属性的支持
supports = (function() {
var  div = document.createElement('div'),
vendors = 'Khtml Ms O Moz Webkit'.split(' ');

return function(prop) {
if ( prop in div.style ) return true;

var len = vendors.length;

prop = prop.replace(/^[a-z]/, function(val) {
return val.toUpperCase();
});

while(len--) {
if ( vendors[len] + prop in div.style ) {
// browser supports box-shadow. Do what you need.
// Or use a bang (!) to test if the browser doesn't.
return true;
}
}
return false;
};
})();

supports('background');//true


chrome console:



-
Javascript检测浏览器对CSS属性的支持,

浏览器CSS属性支持检测,探测,测试。js检测是否支持css属性。
-
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: