在iOS上的Safari中全屏打开网页

Question

iOS上的Safari中有全屏模式。是否可以通过javascript或类似方式激活它？

由于

Answer 1

不，无法使用javascript在iOS上的Safari中切换全屏模式。

要使网页以全屏模式运行，您需要添加以下元标记，并且需要从主屏幕上的书签启动页面：

<meta name="apple-mobile-web-app-capable" content="yes">

但是，你可以使用只读属性检测页面是否以全屏模式运行：

window.navigator.standalone

Answer 2

iOS大于等于12，只能通过Safari中的本机API切换到全屏显示。

    if (document.webkitFullscreenElement) {
      document.webkitCancelFullScreen();
    } else {
      const el = document.documentElement;
      el.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    }

Answer 3

现在似乎可以全屏查看网页。在iPad中，即使到达网页顶部，我仍将网页向上/滚动。然后向上推搜索栏，并允许在Safari和Firefox中全屏查看网页。

点击页面的文本或标题后，网页再次全屏显示。