ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5-3__ ブラウザが HTML5 をサポートしているかどうかをテストします。

HTML5-3__ ブラウザが HTML5 をサポートしているかどうかをテストします。

黄舟
リリース: 2017-02-18 14:14:44
オリジナル
1874 人が閲覧しました

キャンバスなどの HTML5 タグを作成する場合は、まずブラウザーがそれをサポートしていることを確認する必要があります。サポートしていない場合は、プロンプト メッセージが表示されます。

ブラウザーが HTML5 をサポートしているかどうかをテストできます。次のメソッド:

テストの 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>
ログイン後にコピー


上記のコードは、キャンバス オブジェクトを作成してコンテキストを取得しようとします。例外が発生した場合は、エラーをキャプチャして判断できます。 HTML5 がサポートされているかどうか、

このセクションのコードは、ブラウザーが Canvas 要素をサポートしているかどうかを判断できますが、キャンバスのどの機能が具体的にサポートされているかを判断することはできません

上記は、の内容です。 HTML5 3__ を使用して、ブラウザが HTML5 をサポートしているかどうかをテストします。その他の関連コンテンツについては、PHP 中国語 Web サイト (m.sbmmt.com) に注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート