webkit 和 mozilla 全屏模式

发布于 2024-12-22 05:46:57 字数 487 浏览 1 评论 0原文

我知道这是最近才推出的,所以如果我使用它,如何测试浏览器是否支持它?

如果我执行类似以下操作,我相信我正在测试浏览器是否处于全屏模式,而不是测试浏览器是否提供该功能?

function FullScreenSupported() { 
  if (document.webkitIsFullScreen) {
    alert("webkitIsFullScreen is supported");/ 
  } else {
    alert("webkitIsFullScreen is not supported"); 
  }
}

Mozilla 对全屏模式的介绍在这里: 使用全屏模式 – AutoCompatibilityTable

I know this has only just been introduced lately, so if I use it, how can I test if a browser supports it?

If I do something like the following, I believe I am testing if the browser is in full screen mode not whether or not the browser offers the functionality?

function FullScreenSupported() { 
  if (document.webkitIsFullScreen) {
    alert("webkitIsFullScreen is supported");/ 
  } else {
    alert("webkitIsFullScreen is not supported"); 
  }
}

Mozilla’s introduction to full screen mode is here: Using fullscreen mode – AutoCompatibilityTable
.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

许你一世情深 2024-12-29 05:46:57

我在这里找到了一个利用 Modernizr 来做到这一点的函数。

我重构了代码,使其在没有 Modernizr 的情况下也能工作:

function FullScreenSupported() {
    var ancelFullScreen = 'ancelFullScreen';

    // FF9 pre-check
    if(document.mozCancelFullScreen && !document.mozFullScreenEnabled) {
        return false;
    }

    domPrefixes = [ 'moz', 'webkit' ];

    var limit = domPrefixes.length;

    for(var i = 0; i < limit; ++i) {
        if(document[domPrefixes[i].toLowerCase() + 'C' + ancelFullScreen])
            return true;
    }

    return !!document['c' + ancelFullScreen] || false;
};

我已经使用 Firefox 19、Chrome 25、Safari 5、IE8 对其进行了测试,它似乎可以工作:)

I found here a function that makes use of Modernizr to do that.

I refactored the code to make it work without Modernizr too:

function FullScreenSupported() {
    var ancelFullScreen = 'ancelFullScreen';

    // FF9 pre-check
    if(document.mozCancelFullScreen && !document.mozFullScreenEnabled) {
        return false;
    }

    domPrefixes = [ 'moz', 'webkit' ];

    var limit = domPrefixes.length;

    for(var i = 0; i < limit; ++i) {
        if(document[domPrefixes[i].toLowerCase() + 'C' + ancelFullScreen])
            return true;
    }

    return !!document['c' + ancelFullScreen] || false;
};

I've tested it with Firefox 19, Chrome 25, Safari 5, IE8 and it seems to work :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文