【问题标题】:Make google-chrome browser go fullscreen when page loads页面加载时使 google-chrome 浏览器全屏显示
【发布时间】:2013-12-30 00:54:43
【问题描述】:

即使您将其标记为重复,也请考虑在此处回答此问题,因为由于某种原因,我无法让它与其他解决方案一起使用,尽管我试图寻求帮助,但没有人回复...

我真正想要的是$(document).ready(function(){browser goes fullscreen}),但不幸的是它不起作用,我绝望地试图在网上找到解决方案,因为似乎没有任何效果!我已将 js 文件很好地插入到我的主 php 文件中(console.log 有效),但无论代码行如何,它都不会全屏加载...

如果您能提供一个在所有浏览器中工作并且激活键的解决方案,我将非常非常感谢。否则我会用谷歌浏览器的答案鄙视自己。非常感谢。

编辑1:

我试过了

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

以下仅在用户交互下:

addEventListener("click", function() {
    var
          el = document.documentElement
        , rfs =
               el.requestFullScreen
            || el.webkitRequestFullScreen
            || el.mozRequestFullScreen
    ;
    rfs.call(el);
});

还有一些我现在找不到了,基本上我已经将它们与$(document).ready(function(){---}); 结合起来了,但什么也没发生。

【问题讨论】:

  • 请提供一些代码让我们调查它失败的原因。
  • 出于安全原因,您可能会发现诸如“全屏”之类的操作可能仅在作为用户操作(即“点击”)的直接结果执行时才可用。
  • @Gotschi 我目前没有代码,我已经进行了很多尝试并切换了我不知道放哪一个的东西,但我会编辑问题并尝试去如果有帮助,请解决此问题。
  • 我不相信您可以在页面加载时全屏显示。用户必须启动此操作。如果允许在没有用户明确启动的情况下发生这种情况,你能想象整个 Internet 上的全屏弹出窗口吗?
  • @DeanTaylor Ty 提示 Dean 但我实际上意识到了这一点,这不是问题...描述此功能的代码不起作用,同样的代码也发生在“强制”全屏。

标签: javascript jquery html google-chrome browser


【解决方案1】:

简短的回答是你不能。

我已经使用this code 进行了测试。

在 Firefox 中是在控制台中输出此警告 - 坦率地说,我期待所有浏览器都会出现这种警告,但目前似乎只有 Firefox 实现了这一点。

Request for full-screen was denied because Element.mozRequestFullScreen() was not called from inside a short running user-generated event handler. 

正如我在评论中所说:

出于安全原因,您可能会发现“全屏”等操作 仅当它们是作为直接结果而颁布时才可用 用户操作,即“点击”

嗯,这是真的。 让用户点击某些东西(或获取其他一些用户事件)然后调用全屏功能。

经过测试的浏览器 (navigator.userAgent):

  • Chrome 31"5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36"
  • Firefox 25"Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0"
  • IE 11"Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; rv:11.0) like Gecko"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-14
    • 2023-03-04
    • 2014-06-07
    • 1970-01-01
    • 1970-01-01
    • 2011-05-09
    相关资源
    最近更新 更多