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,使用样例
下面代码判断浏览器是否支持拖放功能


<html>
<head>
  <meta charset="utf-8">
  <title>HTML5拖放功能测试title>
  <script src="modernizr-latest.js">scripthead>
<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)