首頁 > web前端 > H5教程 > HTML5之3__測試瀏覽器是否支援HTML5

HTML5之3__測試瀏覽器是否支援HTML5

黄舟
發布: 2017-02-18 14:14:44
原創
1873 人瀏覽過

在創建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()">
   <p id="support"></p>
</body>
</html>
登入後複製


上面的程式碼試圖建立一個canvas 對象,並且取得上下文,如果發生異常,則可以擷取錯誤,判斷是否支援HTML5,

程式碼能判斷瀏覽器是否支援canvas 元素, 但不會判斷具體支援canvas 的哪些特性. 以上就是HTML5之3__測試瀏覽器是否支援HTML5 的內容,更多相關內容請關注PHP中文網( m.sbmmt.com)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板