>웹 프론트엔드 >H5 튜토리얼 >HTML5-3__ 브라우저가 HTML5를 지원하는지 테스트

HTML5-3__ 브라우저가 HTML5를 지원하는지 테스트

黄舟
黄舟원래의
2017-02-18 14:14:441893검색

캔버스 등 HTML5 태그를 생성할 때는 먼저 브라우저가 지원하는지 확인해야 합니다.

테스트해 볼 수 있습니다. 다음 방법을 통해 브라우저가 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>


위 코드는 캔버스 객체를 생성하고 컨텍스트를 가져오려고 시도합니다. 예외가 발생하면 오류를 캡처하고 HTML5 지원 여부를 확인할 수 있습니다.

이 코드는 브라우저가 캔버스 요소를 지원하는지 여부를 확인할 수 있지만 캔버스의 어떤 기능이 구체적으로 지원되는지는 확인하지 않습니다.

브라우저가 HTML5를 지원하는지 테스트하기 위한 HTML5 3__의 내용입니다. 더 많은 관련 내용은 PHP 중국어 웹사이트(www.php.cn)에 주목하세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:HTML5 2__ 목록 태그다음 기사:HTML5 2__ 목록 태그