Modernizr是一个HTML5特性探测框架(官网http://modernizr.com/),测试当前打开页面的浏览器是否支持HTML5/CSS3的相关特性,下载地址是http://modernizr.com/download/。可以根据想测试的特性选择下载。下载完后在页面上加入代码 <script type="text/javascript" src="moderniz.js" />即可完成安装。

完成完装后,打开页面即会生成一个Modernizr对象,使用开发人员工具很容易就能看到对象的内容。测试代码如下:

function debug(obj,level){
    var str='';
    for(i in obj){
      if(typeof(obj[i])=='object'){
        space = level + 1;
        str+=i;
        str+='<br />';
        str+=debug(obj[i],space)
      }else if(typeof(obj[i])!='function'){
        for(var x=0;x<level;x++){
          str+='&nbsp;&nbsp;&nbsp;&nbsp;';
        }
        str+=i;
        str+=":";
        str+=obj[i];
        str+='<br />';
      }
    }
    return str;
  }
  document.getElementById('results').innerHTML=debug(Modernizr,0);

测试结果如下,可以根据属性自取所需