如何在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功能的功能检测的详细信息,请参阅此文章.