HTML5 - 判断浏览器是否支持html5某个功能（使用modernizr.js）
作者：hangge | 2015-08-15 13:20
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>
全部评论（1）
modernizr-latest.js在哪下载..怎么找不到?
站长回复：在页面上选择需要的功能，然后点击BUILD进行下载。