当前位置：文江博客话题详情

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

发布于 2024-12-18 14:49:41 字数 79 浏览 0 评论 0原文

jquery 和 mootools检测浏览器是否支持 HTML5

如何通过JS

（或）

。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

最偏执的依靠 2024-12-25 14:49:41

使用 modernizr 检测 HTML5 和 CSS 功能。

回复收藏 0 原文

椵侞 2024-12-25 14:49:41

正如其他人所建议的，最好的选择是使用 Modernizr，因为它是专门为完成这项工作而创建的。

我不知道 jQuery 中是否有任何插件涵盖此功能（jQuery.supports 没有检查太多），但如果您愿意，可以尝试 mooModernizr 女巫扩展 MooTools Browser.Features 对象

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

回复收藏 0 原文

似最初 2024-12-25 14:49:41

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

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;
}

To detect the video tag support is quite easy:

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

That's in my opinion a simplistic version. Here is how the many times mentioned modernizr does it, which is a bit more bullet proof probably:

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;
}

回复收藏 0 原文