如何在 IE 浏览器中检测 HTML5 和 CSS3 支持？答案

【问题标题】：how to detect HTML5 and CSS3 support in IE browser?如何在 IE 浏览器中检测 HTML5 和 CSS3 支持？
【发布时间】：2011-12-28 15:29:45
【问题描述】：

目前我正在做一个项目，我必须检测客户端浏览器是否支持 HTML5，我正在使用以下脚本来检测 HTML5 支持它在除 IE 之外的所有浏览器中都可以正常工作。

   function getHTML5VideoSupport() {
    if (!IsAttributeSupported("video", "src")) {
        return false;
    }

    else {
        return true;
    }
}

如果浏览器支持 HTML5，则此方法返回 true，否则返回 false。但问题出在 IE 中，我还必须检查 CSS3 支持。

【问题讨论】：

IsAttributeSupported() 的代码在哪里？您只是想检测 HTML5 视频支持吗？

标签： javascript html

【解决方案1】：

HTML5 和 CSS3 都不是全有或全无的命题。您不能说浏览器 100% 支持它或不支持它，因为两者都是单独功能的完整包。

检查支持的安全方法是确定您需要的特定功能并使用功能检测来查看它们是否受支持。

例如，IE9 支持 CSS3 片段，但不支持 CSS 过渡。 HTML5 由许多不同的部分组成，不同的浏览器和同一浏览器的不同版本再次以不同的方式支持这些部分。有一组针对 HTML5 音频的测试，还有一组针对本地存储、画布、哈希更改事件、Web 套接字等的测试...

特征检测库modernizr 包含大量特征检测功能，可让您使用经过良好测试的代码准确测试您的应用所需的功能。您既可以包含整个库，也可以只将您需要的部分复制到您自己的应用中。

因此，要测试 CSS3，您必须准确确定您需要 CSS3 中的哪些功能，并确定针对这些特定功能的特性测试。

请参阅this article，了解有关单个 HTML5 功能的功能检测的更多信息。

【讨论】：

感谢您的回复，但我的问题是我如何检测客户端浏览器是否支持 HTML5，或者我上面给出的脚本在 IE 上不起作用
@Sameer - 你似乎不明白。没有单一的测试可以检测到 HTML5。 HTML5 是数百种功能的集合——其中一些可能在任何给定的浏览器中都受支持，而另一些则可能不受支持。您有兴趣测试哪个确切的功能？只有 HTML5 视频？
@Sameer - 添加了对 this article 的关于检测单个 HTML5 功能的参考。
Jfriend00 感谢您分享您的友好经验，现在我正在使用 css3 的边框半径属性和 HTML5 的 html5 视频和音频标签来测试 HTML5 支持。