简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > H5教程 > 主體

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

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

在創建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中文網（ www.php.cn）！


相關標籤：
HTML5，测试浏览器
來源：php.cn
上一篇：HTML5 之2__列表標記 下一篇：HTML5之4__Canvas API: 繪製曲線、變換
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在行動視圖中，當使用者點擊連結時，如何關閉此導覽列？ 當使用者點擊連結瀏覽網站時，導覽列沒有關閉？我曾嘗試向每個連結新增點擊事件偵聽器以關閉導覽欄，但它不起作用！此外，處於活動位置（即X）的hamberberger選單圖示也沒有很好地...
來自於 2024-04-06 19:23:03
0
1
411
無法從網站取得輸入元素 所以我試圖從Twitter獲取一個輸入元素，但當我運行它時，它不斷在節點終端中給我一個這樣的錯誤，結果，由此代碼創建的瀏覽器窗口將自行關閉，因為它找不到正確的輸入選擇器。如何取得正...
來自於 2024-04-06 18:59:57
0
1
442
使用 Live Server 的網站，當我從文件啟動時無法工作 我嘗試了幾種瀏覽器，並且在每種情況下網站都可以與LiveServer正常工作。另一方面，當我使用Firefox/Chrome啟動它時，網站根本不會加載我的style.css，當我使...
來自於 2024-04-06 12:46:18
0
1
403
嘗試了一切方法，但HTML內容仍未顯示 基本上，html文檔的內容不會在瀏覽器上顯示任何內容。我製作的這個HTML文件是從另一個html文件連結的。當我在瀏覽器上開啟這個HTML檔案時，它是空白的，當其中有明確的程式碼時...
來自於 2024-04-04 19:16:15
0
1
3496
next 在使用 Nodejs 的中間件中無法正常運作 我正在使用Nodejs並使用expressjs，現在我正在研究中間件功能，我想知道中間件概念中的「下一個」工作是什麼？ “下一個進入下一個中間件”，但是什麼是“下一個中間件”？我嘗...
來自於 2024-04-04 17:33:56
0
1
340
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！