如何在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音频的测试，另一组针对本地存储，画布，哈希更改事件，Web套接字等的测试。

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

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

有关单个HTML5功能的功能检测的更多信息，请参见本文 。