javascript - 让 google-chrome 浏览器在页面加载时全屏显示

Question

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

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

如果您能提供一种在所有浏览器中都可以工作并且激活 key 的解决方案，我将非常非常感激。否则我会用谷歌浏览器的答案蔑视自己。非常感谢。

编辑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(){---}); 组合在一起，但什么也没发生。

Answer 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. 

正如我在评论中所说:

For security reasons you might find that actions such as "full-screen" might only be available if they are enacted as a direct result of a user action i.e. "click"

没错。让用户点击某些东西(或采取一些其他用户事件)来制作然后调用全屏功能。

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

• Chrome 31:“5.0(Windows NT 6.1；WOW64)AppleWebKit/537.36(KHTML，如 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) 像 Gecko”