gpt4 book ai didi

javascript - 如何退出全屏 Web 应用程序

转载 作者:IT老高 更新时间:2023-10-28 23:15:01 26 4
gpt4 key购买 nike

我们正在尝试让我们的网络应用程序作为全屏网络应用程序运行。我使用这些元标记让它工作:

    <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="Full Screen">

因此,现在当您从 iPhone 或 Android 设备的主屏幕启动网络应用程序时,它将以全屏模式启动(没有浏览器控件)。

现在我们需要一种允许用户退出的方法,我希望创建一个具有退出按钮的菜单,但使用 window.close() 在 chrome 中出现以下错误:

Scripts may close only the windows that were opened by it.

处理这个问题的正确方法是什么?

最佳答案

关闭全屏模式的一种方法是使用以下脚本:

 function exitFullScreen(element) { 
var requestMethod = element.exitFullscreen ||
element.mozCancelFullScreen ||
element.webkitExitFullscreen ||
element.msExitFullscreen;
if (requestMethod) {
requestMethod.call(element);
} else {
console.log("Oops. Request method false.");
}
}

然后这样调用它:

       var $smallscreenButton = $("#smallscreen-button"); 
$smallscreenButton.on("click", function() {
var elem = document;
exitFullScreen(elem);
});

您使用 window.close() 分阶段的错误是您应该使用 window.open() 在相​​同的 javascript 中打开窗口,然后它应该正确关闭。你只是不能用javascript关闭随机窗口,这就是为什么你不能在不先打开的情况下调用close。

所以,比如:

 var myWindow = window.open();
myWindow.close(); // this works.

来源:

[1] How can we programmatically enter and exit the fullscreen mode in javascript?

[2] window.close() doesn't work - Scripts may close only the windows that were opened by it

关于javascript - 如何退出全屏 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29241834/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com