html - 检查是全屏的网络应用程序

Question

我正在使用元标记在 iPad 上全屏显示 Web 应用程序

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

有没有办法让我可以全屏检查应用程序？

主要原因是如果应用程序处于全屏模式，则增加包装器高度？

Answer 1

您可以在 iOS 设备上使用以下 Javascript 来确定。

if(!!window.navigator.standalone){
  //browser
}else{
  //full screen
}

使用该函数将确定当前状态并执行相应的代码。