如何检查浏览器是否支持HTML5？
如何检查浏览器是否支持HTML5？
提问于 2012-02-29 19:43:23
编辑我现在已经修改了一些Javascript，所以如果我能找到一个检测HTML5视频支持的javascript函数，它应该可以工作。
我有一个HTML5视频播放器，有闪光灯回退，如果HTML5不支持，我希望它回退到闪光灯。即时消息当前正在使用
<!--[if !IE]><!--> then load my custom player else use SWFObject to render it.
是否可以执行以下操作：
` If (HTML5 supported browser) {
<some html and script> (My custom player)
}else{
<different html and script> (I would call SWFobject here)
}
`试图找到一个很好的简单的解决方案。
通常，我可以在视频标签中添加一个额外的<object>，但由于播放器插入页面的方式，这是不可能的。
即使我可以用一种可能不可靠的方法检测到HTML5支持，我也不确定如何让我的HTML语言基于支持的输出
回答 5
Stack Overflow用户
回答已采纳
发布于 2012-02-29 19:44:59
你看过http://www.modernizr.com/docs/#features-css吗？
它可以进行特征检测
Stack Overflow用户
发布于 2012-09-07 14:26:40
更好的解决方案是使用像Modernizr这样的工具在客户端进行特性检测。HTML5是一个开放源码的、麻省理工学院许可的JavaScript库，可以检测对许多HTML5和CSS3特性的支持。如果您的浏览器不支持canvas API，则Modernizr.canvas属性将为false。
if (Modernizr.canvas) {
// let's draw some shapes!
} else {
// no native canvas support available :(
}使用JQuery的另一种解决方案:检查对HTML5的canvas元素的支持
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 elementStack Overflow用户
发布于 2016-02-18 02:18:16
一次检查..。
// Plain JavaScript
(typeof document.createElement('canvas').getContext === "function")
// Or... Using lodash
_.isFunction(document.createElement('canvas').getContext)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9498512
复制相关文章
相似问题
腾讯云开发者
