javascript - 在 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);
    }