HTML5之3__测试浏览器是否支持HTML5

来源:互联网 发布:人工智能芯片概念股 编辑:程序博客网 时间:2024/05/16 02:01

在创建HTML5 的标记时,例如canvas等,需要先确保浏览器能够支持它, 如果不支持,必须有提示信息,

可以通过以下方法,  测试浏览器是否支持HTML5:

创建一个test.html文件

<!DOCTYPE><html><head>  <meta charset="gbk"/>  <title>测试浏览器是否支持HTML5</title>  <script language="javascript">  function test() {  try{document.createElement("canvas").getContext("2d");document.getElementById("support").innerHTML="HTML5 Canvas is supported in your browser";  }catch(e){document.getElementById("support").innerHTML="HTML5 Canvas is not supported in your browser";  }  }  </script></head><body onLoad="test()">   <div id="support"></div></body></html>

上面的代码试图创建一个canvas 对象,并且获取上下文,如果发生异常,则可以捕获错误,判断 是否支持HTML5,

这段代码能判断浏览器是否支持canvas 元素, 但不会判断具体支持 canvas 的哪些特性.


0 0