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

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();