点击按钮后将浏览器全屏并刷新页面(模拟F11),使用JavaScript实现。

5
我看了十多个相同的问题,但没有找到最新的答案。(我猜网络世界正在迅速变化)。首先,是否可能在用户单击按钮时将当前窗口全屏模拟F11按键。如果我想让此功能在所有主要浏览器中工作(IE、FF、Chrome和Safari),最佳实践是什么?
以下链接包括了我查阅的很多问题,但都没有成功。如果有人能提出一个好的想法,那真是太有用了。谢谢。 如何在JavaScript中制作全屏窗口(覆盖整个屏幕) 使用JavaScript模拟F11 点击全屏

简短回答:按你想要的方式不可能。你提供的链接已经是最好的了。另一种回答:请不要动我的主浏览器窗口。请打开一个新窗口。 - mplungjan
这是之前可以实现的,不是吗?在这种情况下,我想通过提供让用户进入全屏模式的按钮来重新调整当前窗口的大小。 - DbxD
好的。我指的是F11键的功能。我的按钮只是一个虚拟的F11键。 - DbxD
1
像这样?http://fiddle.jshell.net/WWFXW/6/show/light/ 查看实现:http://jsfiddle.net/WWFXW/6/ 顺便提一下,@ZaoTaoBao答案中的第一个链接中的fsapi非常完整。 请注意,目前浏览器支持相当有限。此外,https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Using_full_screen_mode - j03w
1
那是我提到的Chrome/Safari的功能。它的使用方式类似于F11。@j03w为什么不把它添加为答案呢? - mplungjan
显示剩余4条评论
2个回答

3

当用户按下goTofullScreen按钮时,我希望整个页面全屏显示,而不是只有一部分。 - DbxD
请查看我添加的链接。Safari和Chrome支持该功能。 - mplungjan
1
谢谢,这也适用于全屏,但我想在全屏时刷新。一旦我刷新,全屏就消失了。有什么办法可以解决这个问题吗? - DbxD
@Vixed,不是的,我必须停止刷新了。这是一个旧问题。现在可能有新的解决方案。祝你好运找到它。 - DbxD

1
这个问题可能是你链接的一个问题的重复。最新的跨浏览器解决方案是:
function requestFullScreen(elt) {
    console.log("Requesting fullscreen for", elt);
    if (elt.requestFullscreen) {
        elt.requestFullscreen();
    } else if (elt.msRequestFullscreen) {
        elt.msRequestFullscreen();
    } else if (elt.mozRequestFullScreen) {
        elt.mozRequestFullScreen();
    } else if (elt.webkitRequestFullscreen) {
        elt.webkitRequestFullscreen();
    } else {
        console.error("Fullscreen not available");
    }
}

请注意,截至本帖发布,这是“实验性技术”。有关更多详细信息,请参见this answerthis MDN page

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接