怎么检测浏览器是否支持HTML5？

利用HTML5新标签对象的方法来进行检测，比如Canvas对象的getContext()、Video对象的canPlayType等。如果浏览器支持HTML5，则返回相应的期望值（返回函数体，布尔值为true），否则无法获得期望值（返回undefined，布尔值为false）。

Canvas对象的getContext

// 方法一

/**

 * [supportHtml5 言成科技&HTML5学堂]

 * @return {[type]} [description]

 */

function supportCanvas() {

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

}

console.log(supportCanvas())

Video对象的canPlayType

// 方法二

/*

 * [supportsVideo 言成科技&HTML5学堂]

 * @return {[type]} [description]

 */

function supportVideo() {

  return !!document.createElement('video').canPlayType

}

console.log(supportVideo())

指的是结构元素对吧，比如

等标签，最简单的方法是直接写出来，然后查看显示效果，如果浏览器显示效果当中，这些元素被显示成了行元素，那么就是不支持（默认支持的都是块元素）。

另外，有一个网站专门用于检测各类HTML5的东西。(百度“Can

I

use”即可找到这个网站)如图：（有详细的浏览器支持说明，细化到版本号）

HTML5是公认的下一代Web开发标准，随着微软的高调支持，以及Adobe公司宣布放弃移动版Flash开发，HTML5进入了一个发展飞跃期。能否完善的支持HTML5，已经成为检验一款现代浏览器合格与否的重要标准。傲游浏览器3近日对自主浏览器核心进行了全面升级，新核心最引人注目的就是其对HTML5的支持达到了前所未有的高度。以新版自主核心为基础，傲游已经连续推出了多个Beta版产品，最新版为傲游3.3.5正式版。全面提升对HTML5的支持，提供了优质的HTML5 Canvas支持，增强对2D/3D的图像动画的处理技术，带给全球用户一个全新的浏览视觉体验。。

---