简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > H5 튜토리얼 > 본문

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

黄舟
풀어 주다： 2017-02-18 14:14:44
원래의
1847명이 탐색했습니다.

캔버스 등 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)에 주목하세요!


관련 라벨：
HTML5，测试浏览器
원천：php.cn
이전 기사：HTML5 2__ 목록 태그 다음 기사：HTML5 4__Canvas API: 곡선 그리기 및 변형
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
웹사이트에서 입력 요소를 가져올 수 없습니다. 그래서 Twitter에서 입력 요소를 가져오려고 하는데 실행하면 노드 터미널에서 계속 이런 오류가 발생하고 결과적으로 이 코드로 생성된 브라우저 창이 저절로 닫힙...
에서 2024-04-06 18:59:57
0
1
442
Live Server를 사용하는 웹 사이트를 파일에서 실행할 때 작동하지 않습니다. 여러 브라우저를 사용해 보았지만 모든 경우에 웹사이트가 LiveServer에서 잘 작동했습니다. 반면, Firefox/Chrome을 사용하여 실행하면 사이트에서 ...
에서 2024-04-06 12:46:18
0
1
403
모든 것을 시도했지만 여전히 HTML 콘텐츠가 표시되지 않습니다. 기본적으로 html 문서의 내용은 브라우저에 아무 것도 표시되지 않습니다. 내가 만든 이 HTML 문서는 다른 HTML 파일에서 링크되었습니다. 브라우저에서 이 ...
에서 2024-04-04 19:16:15
0
1
3496
다음은 Nodejs를 사용하는 미들웨어에서 제대로 작동하지 않습니다. 저는 Nodejs로 작업하고 expressjs를 사용하고 있으며 지금은 미들웨어 기능에 대해 작업 중입니다. 미들웨어 개념의 "다음" 작업이 무...
에서 2024-04-04 17:33:56
0
1
340
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！