移动到其他页面时全屏不起作用[重复]答案

【问题标题】：FullScreen not working when move to other pages [duplicate]移动到其他页面时全屏不起作用[重复]
【发布时间】：2019-08-02 09:16:48
【问题描述】：

当我们在同一页面index.html 中时，以下示例完美运行如果我单击其他页面about.html，全屏将自动下降。

我想实现全屏模式持续可见，直到我们手动更改。任何人都可以帮助我实现这一目标。

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

<a onclick="openFullscreen();" href="#">Open FullScreen</a>

<ul>
  <li><a href="index.html">Home</a></li>
  <li><a href="about.html">About</a></li>
</ul>

【问题讨论】：

我已经投票关闭，基于 @Cue 所述的重复。不过我会添加...您可以使用manifest.json 技术在装有Android Chrome 的设备上将您的网站添加为全屏，只要您将您的网站设置为单个页面，就可以让您的整个网站在Android 上看起来是全屏的，这很容易看起来像多个页面。但是，当您再次离开时，它将离开全屏模式。
@StackSlave 很棒。我明白。我希望你的回答是最终的。

标签： javascript jquery html css fullscreen

【解决方案1】：

这是预期的（和well documented）行为。

导航到另一个页面、更改选项卡或使用任何应用程序切换器（或 Alt-Tab）切换到另一个应用程序同样会退出全屏模式。

您必须让用户在他们访问的每个新页面上激活全屏模式。

【讨论】：

但是当我在键盘上单击F11 时，它的工作原理。可以用js触发吗？
这使浏览器进入全屏模式，这与使用全屏 API 不同。使用全屏 API，您可以在全屏模式下指定元素。