首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何检查浏览器是否支持HTML5?

如何检查浏览器是否支持HTML5?
EN

Stack Overflow用户
提问于 2012-02-29 19:43:23
回答 5查看 45.7K关注 0票数 25

编辑我现在已经修改了一些Javascript,所以如果我能找到一个检测HTML5视频支持的javascript函数,它应该可以工作。

我有一个HTML5视频播放器,有闪光灯回退,如果HTML5不支持,我希望它回退到闪光灯。即时消息当前正在使用

<!--[if !IE]><!--> then load my custom player else use SWFObject to render it.

是否可以执行以下操作:

代码语言:javascript
复制
`  If (HTML5 supported browser) {
 <some html and script>  (My custom player)
}else{
  <different html and script> (I would call  SWFobject here)
}
`

试图找到一个很好的简单的解决方案。

通常,我可以在视频标签中添加一个额外的<object>,但由于播放器插入页面的方式,这是不可能的。

即使我可以用一种可能不可靠的方法检测到HTML5支持,我也不确定如何让我的HTML语言基于支持的输出

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2012-02-29 19:44:59

你看过http://www.modernizr.com/docs/#features-css吗?

它可以进行特征检测

票数 20
EN

Stack Overflow用户

发布于 2012-09-07 14:26:40

更好的解决方案是使用像Modernizr这样的工具在客户端进行特性检测。HTML5是一个开放源码的、麻省理工学院许可的JavaScript库,可以检测对许多HTML5和CSS3特性的支持。如果您的浏览器不支持canvas API,则Modernizr.canvas属性将为false。

代码语言:javascript
复制
if (Modernizr.canvas) {
  // let's draw some shapes!
} else {
  // no native canvas support available :(
}

Ref

使用JQuery的另一种解决方案:检查对HTML5的canvas元素的支持

代码语言:javascript
复制
var test_canvas = document.createElement("canvas") //try and create sample canvas element
var canvascheck=(test_canvas.getContext)? true : false //check if object supports getContext() method, a method of the canvas element
alert(canvascheck) //alerts true if browser supports canvas element

Ref

票数 10
EN

Stack Overflow用户

发布于 2016-02-18 02:18:16

一次检查..。

代码语言:javascript
复制
// Plain JavaScript
(typeof document.createElement('canvas').getContext === "function") 

// Or... Using lodash
_.isFunction(document.createElement('canvas').getContext)
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9498512

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档