javascript - 如何检测浏览器是否支持html5？不支持显示指定页面？

Question

打算更新网址版本，如何检测用户浏览器是否支持html5，不支持的话显示指定页面

例如上面，告知用户升级浏览器或者安装推荐浏览器。

Answer 1

其实很简单哪啦，你可以用一个叫modernizr的插件，也可以去检查是否具有某个新的api新的属性，比如canvas

(typeof document.createElement('canvas').getContext === "function") 

Answer 2

高级程序设计有一章专门关于浏览器检测的，在最开始的时候进行检测就好啦！

Answer 3

Modernizr 可以使用这个。它能探测到当前浏览器支持HTML5/Css3哪些功能。

Answer 4

你得定义不支持哪些标签算不支持HTML5，那如何定义呢？当然要看你的业务场景了，比如你要使用video标签，肯定需要判断出不支持的浏览器：

function supports_video() {
  return !!document.createElement('video').canPlayType;
}

具体参考：http://peinto.html5doctor.com/detect.html