プログレッシブウェブアプリケーションのアドレスバーを非表示にする
私はVueJSでPWAを開発しています。実際のデバイス（ホーム画面に追加）でアプリケーションのテストを開始しました。私のアプリケーションは高さ100％を想定しています。
時々、ビューポートの高さの外側から表示される遷移により、アドレスバーがページの上部に表示されるように見えることがあります。 PWAの場合、この動作によりアプリのネイティブ感が低下し、デザインが崩れると思います（ユーザーが手動でアドレスバーを閉じない限り、中央下のボタンとマップコンテナー全体が表示されません）。
私は他の質問で見たいくつかのことを試しました：
window.scrollTo(0, 1);<meta name="mobile-web-app-capable" content="yes">- ここ から。
Webブラウザーでアクセスしたときにアプリがアドレスバーを非表示にしないかどうかは気にしません。しかし、少なくとも、アプリが「ネイティブ」アプリとして起動されたとき（ホーム画面に追加されたとき）にアドレスバーを非表示にしておく必要があります。
manifest.jsonのdisplayプロパティもstandaloneからfullscreenに変更してみました運がない。
ボタンとマップのcssを変更して、アドレスバーが表示されているときにボタンとマップを「表示」できることはわかっていますが、これにより、アプリのネイティブIMOが少なく感じられます。
アドレスバーを完全に非表示にするソリューションはありますか？それは可能ですか、それとも私のデザインで考慮しなければならないことですか？
scope外のページに移動しようとすると、PWAアプリにアドレスバーが表示されます。たとえば、manifest.jsonファイルでスコープをscope: "/my-pwa/"として設定した場合、すべてのページURLには次のようなプレフィックスが必要です：/my-pwa/page.html。