html - チェックはフルスクリーンのウェブアプリです

Question

iPadでウェブアプリを全画面表示するためにメタタグを使用しています

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

アプリが全画面表示になっていることを確認する方法はありますか？

これの主な理由は、アプリがフルスクリーンモードの場合にラッパーの高さを増やすことですか？

Answer 1

次のJavascriptを使用して、iOSデバイスでそれを判別できます。

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

その関数を使用すると、現在の状態が判別され、対応するコードが実行されます。