Question

在简介屏幕上，用户可以通过按钮选择全屏显示。假设用户选择了这种方式，那么当我们过渡到使用location.replace（路径）加载新文档的真实应用程序时，我想保持该状态。这可能吗？（似乎默认行为是在location.replace之后，窗口跳回到用户全屏显示之前的大小，好像从未发生过一样。）谢谢您的时间和关注。

编辑1-如果您以前没有以编程方式处理全屏，则该问题可能会误导您。如果用户选择是否全屏显示，我没有传递参数的问题，问题是浏览器： 1）加载新页面后，即使用户已满，也只是回到非满状态，这很烦人。 2）当我在第二页上尝试requestFullscreen API系列时-如果用户首先选择了全屏-浏览器告诉我全屏必须是a）用户请求的，b）该请求必须是“最近的”（有一天我会知道最近的：D）

编辑1.1-一些阅读显示了我的问题，也许是我将ELEMENT变成了全屏视图，而不是浏览器。旧页面消失后，全屏显示的元素也会消失... 有指针吗？我是否可以按照用户的命令将浏览器切换为全屏显示，所以它可能会停留在新页面上？我不是这方面的专家，看来：D

Answer 1

无论您用什么脚本在简介页面上设置全屏模式，都可以在“真实”页面上再次调用，但有条件的。要记住用户希望全屏显示，可以使用本地存储。所以：

在第一页上，

localStorage.setItem("fullScreenMode", "on");

然后在第二页上

let fullScreenMode = localStorage.getItem("fullScreenMode");
if(fullScreenMode == "on"){
  // Set second page to full screen here
}

每当用户重置默认行为时，您都可以通过将localStorage.fullScreenMode设置为"off"（或设置为“ Starbuck”（星巴克-除“ on”以外的任何内容））来记住此新状态。

或者您可以使用以下方法擦除所有本地存储属性：

localStorage.clear();

如何在location.replace之后保持浏览器窗口全屏显示？

1 个答案: