简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > H5教程 > 正文

HTML5之3__测试浏览器是否支持HTML5

黄舟
发布： 2017-02-18 14:14:44
原创
1846 人浏览过

在创建HTML5 的标记时，例如canvas等，需要先确保浏览器能够支持它， 如果不支持，必须有提示信息，

可以通过以下方法,  测试浏览器是否支持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>
登录后复制


上面的代码试图创建一个canvas 对象，并且获取上下文，如果发生异常，则可以捕获错误,判断 是否支持HTML5,

这段代码能判断浏览器是否支持canvas 元素， 但不会判断具体支持 canvas 的哪些特性.

 以上就是HTML5之3__测试浏览器是否支持HTML5 的内容，更多相关内容请关注PHP中文网（www.php.cn）！


相关标签：
HTML5，测试浏览器
来源：php.cn
上一篇：HTML5 之2__列表标记 下一篇：HTML5之4__Canvas API: 绘制曲线、变换
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
在移动视图中，当用户点击链接时，如何关闭此导航栏？ 当用户点击链接浏览网站时，导航栏没有关闭？我曾尝试向每个链接添加单击事件侦听器以关闭导航栏，但它不起作用！此外，处于活动位置（即X）的hamberberger菜单图标也没有很好地对...
来自于 2024-04-06 19:23:03
0
1
411
无法从网站获取输入元素 所以我试图从Twitter获取一个输入元素，但当我运行它时，它不断在节点终端中给我一个这样的错误，结果，由此代码创建的浏览器窗口将自行关闭，因为它找不到正确的输入选择器。如何获取正...
来自于 2024-04-06 18:59:57
0
1
442
使用 Live Server 的网站，当我从文件启动时无法工作 我尝试了几种浏览器，并且在每种情况下网站都可以与LiveServer正常工作。另一方面，当我使用Firefox/Chrome启动它时，网站根本不会加载我的style.css，当我使...
来自于 2024-04-06 12:46:18
0
1
403
尝试了一切方法，但HTML内容仍未显示 基本上，html文档的内容不会在浏览器上显示任何内容。我制作的这个HTML文档是从另一个html文件链接的。当我在浏览器上打开这个HTML文件时，它是空白的，当其中有明确的代码时没...
来自于 2024-04-04 19:16:15
0
1
3496
next 在使用 Nodejs 的中间件中无法正常工作 我正在使用Nodejs并使用expressjs，现在我正在研究中间件功能，我想知道中间件概念中的“下一个”工作是什么？“下一个进入下一个中间件”，但是什么是“下一个中间件”？我尝试...
来自于 2024-04-04 17:33:56
0
1
340
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！