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

2015-08-15 发布：hangge 阅读：2132

1，modernizr.js介绍

http://modernizr.com/download/提供了个js小工具，将这个js引入到网页就可以测试浏览器对HTML5，CSS3相关功能的支持情况。

（1）如果开发测试的话，下载 Development version 。这个包含所有的检测，比较大。

（2）如果发布版本，则选择需要检测的功能，创建定制的modernizr使用。

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>