码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-02-06 12:45:29      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

 

 

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

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

标签:

原文地址:http://www.cnblogs.com/didi/p/4276621.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!