简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > H5 Tutorial > body text

HTML5-3__ Test whether the browser supports HTML5

黄舟
Release： 2017-02-18 14:14:44
Original
1847 people have browsed it

When creating HTML5 tags, such as canvas, etc., you need to first ensure that the browser can support it. If it does not support it, there must be a prompt message.

You can test whether the browser supports HTML5 through the following methods:

Create a test.html file


<!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>
Copy after login


The above code attempts Create a canvas object and get the context. If an exception occurs, you can capture the error and determine whether HTML5 is supported.

This code can determine whether browsing Whether the browser supports the canvas element, but it will not determine which features of the canvas are specifically supported.

The above is the content of HTML5 3__ to test whether the browser supports HTML5. Please pay attention to more related content. PHP Chinese website (www.php.cn)!


Related labels：
HTML5，测试浏览器
source：php.cn
Previous article：HTML5 2__ list tag Next article：HTML5 4__Canvas API: Drawing curves and transformations
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
Unable to get input element from website So I'm trying to get an input element from Twitter, but when I run it it keeps giving me a...
From 2024-04-06 18:59:57
0
1
442
Website using Live Server doesn't work when I launch it from a file I tried several browsers and in every case the website works fine with LiveServer. On the ...
From 2024-04-06 12:46:18
0
1
403
Tried everything but still the HTML content is not showing Basically, the content of the html document won't display anything on the browser. This HT...
From 2024-04-04 19:16:15
0
1
3496
next not working properly in middleware using Nodejs I am working with Nodejs and using expressjs and now I am working on middleware functional...
From 2024-04-04 17:33:56
0
1
340
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！