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+=' ';
}
str+=i;
str+=":";
str+=obj[i];
str+='<br />';
}
}
return str;
}
document.getElementById('results').innerHTML=debug(Modernizr,0);
测试结果如下,可以根据属性自取所需