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

Question

在iOS上的Safari中有一个全屏模式。有没有可能通过javascript或类似的方式激活它？

谢谢

Answer 1

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

为了让网页在全屏模式下运行，您需要添加以下meta标签，并且页面需要从主页屏幕上的书签启动：

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

但是，您可以使用read only属性检测页面是否在全屏模式下运行：

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