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

简短的回答是你不能。

我已使用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.

正如我在评论中所述：

出于安全考虑，您可能会发现“全屏”等操作可能只有在它们作为a的直接结果颁布时才可用用户操作即“点击”

嗯，这是真的。让用户点击某些内容（或采取其他一些用户事件），然后调用全屏功能。

浏览器测试（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"

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

1 个答案: