Javascript 全屏-浏览器JS

我有一个js脚本，可以让我在浏览器上切换到全屏模式。我有一个问题，如果我更改页面或重新加载页面，整个屏幕将被删除。 即使我更改或重新加载页面，如何保持全屏模式

多谢各位

function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
    elem.msRequestFullscreen();
  }
}

---

加载页面时，可以触发document.ready事件

$(document).ready(function() {
    // make fullscreen
});

首先为jquery向html添加一个。然后在javascript文件/标记中添加document.ready并将代码放入其中

代码示例：

将Jquery添加到HTML 上面要做的是，在加载文档时调用全屏函数。您也可以在不使用jquery的情况下执行此操作，并在JS中添加事件侦听器，但这更容易理解

---

编辑：JQuery必须在javascript代码之前导入！为了提高性能，请在页面末尾启动其他Jquery之前导入Jquery。

一个选项是使用localStorage

如果用户切换到全屏，您可以在localStorage中设置键/值对，如下所示：

然后，当页面加载时，您可以检查该键是否存在，如果存在，如果其值为真，则切换到全屏。例如：

let fullScreen = localStorage.getItem("fullScreen");

if (typeof fullScreen !== "undefined" && JSON.parse(fullScreen)) {
    openFullscreen();
}

---

如果他们选择退出全屏，请确保清除该值。

只需发送一个${document}.readyfunction{//make full screen here}请求，在该请求中，使其全屏显示，这样当您更改页面时，它将自动执行该操作。

我有问题-您的“问题”是什么？一旦浏览器全屏显示，简单地刷新页面不会迫使其恢复标准。我会检查您的代码，以确保您没有自己重新设置谢谢，但现在我有一个错误：切换到全屏模式的请求被拒绝，因为用户生成的快速事件处理程序没有调用Element.requestFullscreen。

$(document).ready(function() {
    openFullscreen();
});

function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
    elem.msRequestFullscreen();
  }
}

localStorage.setItem("fullScreen", "true");

let fullScreen = localStorage.getItem("fullScreen");

if (typeof fullScreen !== "undefined" && JSON.parse(fullScreen)) {
    openFullscreen();
}