Maison  >  Article  >  interface Web  >  HTML5-3__ Testez si le navigateur prend en charge HTML5

HTML5-3__ Testez si le navigateur prend en charge HTML5

黄舟
黄舟original
2017-02-18 14:14:441853parcourir

Lors de la création de balises HTML5, telles que canevas, etc., vous devez d'abord vous assurer que le navigateur peut les prendre en charge. S'il ne les prend pas en charge, il doit y avoir un message d'invite

Vous pouvez tester. si le navigateur prend en charge HTML5 via les méthodes suivantes :

Créez un fichier 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>


Ci-dessus Le code tente de créer un objet canevas et d'obtenir le contexte. Si une exception se produit, vous pouvez capturer l'erreur et déterminer si HTML5 est pris en charge

Ce code peut déterminer si le navigateur prend en charge l'élément canvas, mais ne détermine pas quelles fonctionnalités du canevas sont spécifiquement prises en charge

Ce qui précède est. le contenu de HTML5 3__ pour tester si le navigateur prend en charge HTML5, plus de contenu connexe Veuillez faire attention au site Web PHP chinois (www.php.cn) !



Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Balise de liste HTML5 2__Article suivant:Balise de liste HTML5 2__