캔버스 등 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 중국어 웹사이트(m.sbmmt.com)에 주목하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
