Question

如何通过

检测浏览器是否支持HTML5

JS

（或）

jquery和mootools。

Answer 1

使用modernizr检测HTML5和CSS功能。

Answer 2

正如另一个建议的最佳选择是使用Modernizr，因为它是专门为完成这项工作而创建的。

我不知道jQuery中的任何插件都涵盖了这个功能（jQuery.supports没有检查太多）但是如果你想要你可以试试mooModernizr女巫扩展MooTools Browser.Features对象

另一个完全有效的选项是检查Modernizrs源代码，并使用您要检测的功能来实现。

Answer 3

查看modernizr。它是一个开源的JavaScript库，专门检测html5 / css3功能： http://www.modernizr.com/

Answer 4

要检测视频标签支持非常简单：

if (typeof HTMLVideoElement == 'function') {
  alert('<video> tag supported');
}

在我看来，这是一个简单的版本。以下是多次提到的modernizr如何做到这一点，这可能是一个更具弹性的证据：

function supportsVideo() {
        var elem = document.createElement('video'),
            bool = false;

        // IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
        try {
            if ( bool = !!elem.canPlayType ) {
                bool      = new Boolean(bool);
                bool.ogg  = elem.canPlayType('video/ogg; codecs="theora"');

                // Workaround required for IE9, which doesn't report video support without audio codec specified.
                //   bug 599718 @ msft connect
                var h264 = 'video/mp4; codecs="avc1.42E01E';
                bool.h264 = elem.canPlayType(h264 + '"') || elem.canPlayType(h264 + ', mp4a.40.2"');

                bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"');
            }

        } catch(e) { }

        return bool;
}

JS / jQuery / mootools检测浏览器支持HTML5

4 个答案: