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

Question

请考虑在这里回答这个问题,即使你把它标记为重复,因为由于某种原因我无法让它与其他解决方案一起工作,虽然我试图寻求帮助但没有人回复...

我真正想要的是,$(document).ready(function(){browser goes fullscreen})但遗憾的是它无法正常工作,我渴望通过尝试在线找到解决方案,因为似乎没有任何工作!我有js文件很好地插入我的主要php文件(console.log工作)但它不会加载全屏无论代码行...

如果您可以提供在所有浏览器中工作的解决方案并且激活了密钥,那么我真的非常感谢.否则我会鄙视谷歌Chrome回答.非常感谢.

EDIT1:

我试过这个

// 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

简短的回答是你不能.

我已经使用此代码进行了测试.

在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"