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属性的支持,

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