javascript - 如何检测IE浏览器对HTML5和CSS3的支持？

Question

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

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

    else {
        return true;
    }
}

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

Answer 1

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

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

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

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

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

参见this article有关各个 HTML5 功能的功能检测的详细信息。