非常に単純な質問です。私は iPad 専用の Web ページを持っています。ホーム画面に保存してWebアプリとして使えるように設定しました。
私が疑問に思っているのは、Javascript または CSS を介して、ページがブラウザー内からすべてのナビゲーション要素を上部に表示して表示されているかどうか、またはページが起動されて Web アプリとして閲覧されているかどうかを確認する方法があるかどうかです。 .
メディア クエリを使用して、Web アプリとナビゲーション ブラウザーで異なるスタイルを設定しようとしましたが、機能するクエリを見つけることができませんでした。
あはは、Safariのドキュメントで見つけました：window.navigator.standalone
暗闇の中で突き刺すだけですが、おそらく現在表示されているファイルの場所/URLを見ることができます.デスクトップ上のファイルとWebサーバーから提供されたファイルの違いを知ることができるはずです.
これにJSを使用する必要があるのは残念ですが、それが私が思う方法です。いくつかの洗練されたメディア クエリ (たとえば、条件を使用できます) を介して、ブラウザーを実際に選択的にターゲットにすることができますが、おそらくそれを試したことがあるでしょう。最後に、とにかく JS を使用する場合 (スタンドアロンは私が最近発見したものです)、Modernizr の使用を検討することもできます。Modernizr は、ブラウザの機能に基づいて HTML タグにクラスを追加する単純な JS です。理論的には、JS を介してクライアント名/プロパティをクエリするよりも、特定のスタイル/動作についてブラウザをターゲットにするより良い方法です。たとえば、Modernizr は、css3 境界半径が可能かどうかに基づいてクラスを追加します。