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

时间:2023-03-09 06:08:38
Javascript检测浏览器对CSS属性的支持  /* supports */
//检测浏览器对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属性的支持  /* supports */

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

浏览器CSS属性支持检测,探测,测试。js检测是否支持css属性。
-