如何在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。有一组HTML5音频测试，另一组用于本地存储，画布，散列更改事件，Web套接字等...

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

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

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