webアプリモードについて

Question

###前提・実現したいこと
スマートフォン用のwebページを制作しているのですが、webアプリの様な見せ方が出来ないか
教えて頂ければ幸いです。
（GoogleMapAPIを使用しているページなので上下のバーが邪魔なので…）
###発生している問題・エラーメッセージ

iosのwebアプリモードを使用する場合は、対象となるURLに遷移した後にホーム画面に追加した後、
ホーム画面のアイコンから呼び出しを行わなければいけないという理解ですが
（誤りがあればご指摘をお願い致します。）
ホームに追加することなく当ページに遷移した段階（最初から）でwebアプリモードのような見た目を担保したいです。

###該当のソースコード

###試したこと
iosのwebアプリモードについては調べ、対象となるmetaタグの追加
画面遷移時のJSは記入しております。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Answer 1

webアプリモードのタグでググれば出てくると思いますが、iosいくつからかはhome画面に登録していない状態でのwebアプリモードは廃止されました。
iosのサファリで、特に下部のツールバーはよくわからない挙動をするので、また復活してほしいものです。

Comments

[Gorilla_garden]

回答ありがとうございます。

仰る通り廃止になっており、古いverでしか使えませんでした。

上スクロール時に無理くり、下から出てくるコピーなどの機能や、伸びるアドレスバーを加味して、デザイン調整し対応しました。

iOSだけスクロールの挙動でresizeが発火するのも厄介でした…