HTML5 - 判断浏览器是否支持html5某个功能(使用modernizr.js)

1,modernizr.js介绍
http://modernizr.com/download/提供了个js小工具,将这个js引入到网页就可以测试浏览器对HTML5,CSS3相关功能的支持情况。
(1)如果开发测试的话,下载 Development version 。这个包含所有的检测,比较大。
(2)如果发布版本,则选择需要检测的功能,创建定制的modernizr使用。

HTML5 - 判断浏览器是否支持html5某个功能(使用modernizr.js)_第1张图片

2,使用样例
下面代码判断浏览器是否支持拖放功能

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>HTML5拖放功能测试</title>
  <script src="modernizr-latest.js"></script> 
</head>
<body>
  <p id="result"></p>
  <script>     var result = document.getElementById("result");     if(Modernizr.draganddrop){         result.innerHTML = "当前浏览器支持拖放。"     }else{         result.innerHTML = "当前浏览器不支持拖放。"     }   </script>
</body>
</html>

原文出自:www.hangge.com 转载请保留原文链接:http://www.hangge.com/blog/cache/detail_820.html

你可能感兴趣的:(html5,浏览器,测试,css3,发布)