さて、私はタイトルが議論される一般的な質問のように見えることを知っています.
モバイル Web サイトを販売しているサイトがありますが、iPhone からのwebapp.toように作品/ポートフォリオの 1 つを開いたりダウンロードしたりします。webapp.to/schoolofsurfするとサファリでサイトが開きます。次に、開いたWebサイトも提案しAdd to Home Screen、通常のアプリケーションのようにホーム画面にアイコンが表示されます。これを開くと、通常はサファリを開いてそのWebサイトに移動します。
しかし、実際には、アプリはサファリなしでスタンドアロンで開いたように見えます。
彼らはどうやってそれをしたのですか？
グラフィックの説明については、以下のスクリーンショットをご覧ください。
iphone / safari固有のHTMLメタタグがいくつかあり、サイトがホーム画面に追加されたときにアイコン、スプラッシュ画面、およびロケーションバーの表示を設定できます。これについて詳しくは、このドキュメントをご覧ください。
ウェブアプリが「アプリ対応」であることを Safari に伝えるメタ タグを追加する必要があります。ここをご覧ください https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html。
「リンク」タグのセットを使用して、ホーム画面のアイコンを指定できます。ここhttps://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.htmlを参照してください。