如何在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功能的功能檢測的更多信息，請參見本文 。