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

浏览数：26 / 时间：2015年06月08日

 

 

//检测浏览器对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属性。
-

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： 编程语言 Java C C# Javascript js Python Ruby Spring 程序 VB

相关文章

随机文章

您可能还喜欢

您可能还喜欢