WebアプリをiPhoneのホーム画面にインストールしますか?
-
21-09-2019 - |
質問
Web アプリをユーザーのホーム画面にアイコンとしてインストールできるようにするにはどうすればよいですか?ユーザーが 3G 圏外にいるときに Web アプリを実行できるように、データはローカルにキャッシュされていますか?
簡単にグーグルで調べてみましたが、検索用語が不足していました。Google Buzz ではローカルにインストールできることに気づきましたが、Web アプリを作成するプロセスはどのようなものなのか、特別な扱い (完全なキャッシュ/オフライン実行) が行われるのかどうか疑問に思っています。
解決
この動作は、 meta
タイトルの付いたタグ apple-mobile-web-app-capable
.
詳細(その他) meta
iPhone Web アプリに役立つタグ): https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
<meta name="apple-mobile-web-app-capable" content="yes">
アプリに素敵なアイコンを設定するには、アイコンの URL を指定します。
<link rel="apple-touch-icon" href="/custom_icon.png" />
そして起動画面:
<link rel="apple-touch-startup-image" href="/startup.png" />
データ できる ローカルにキャッシュされる。さまざまな方法を使用してデータを保存できます HTML5 JavaScript API そして キャッシュマニフェスト.
他のヒント
iPhone 固有のもの (アイコン、全画面モード) については ceejayoz の回答を参照してください。ただし、アプリ全体をローカルに保存する (そしてオフラインで実行する) には、「キャッシュ マニフェスト」と呼ばれるものを確認する必要があります。ページの開始 HTML タグでリンクされているこのファイルには、アプリがローカルに保存する必要があるすべてのリソースがリストされています。
さらに、保管するために、 ユーザー 必要に応じて、クライアント側のデータベースを調べる必要があります。それについてはあまり詳しくないので説明はしません。:P
Apple にはここにまともなページがあります。 https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/ Introduction/ Introduction.html#//apple_ref/doc/uid/TP40007256-CH1-SW1
ここでは、キャッシュ マニフェストとローカル データベース ストレージの両方について説明します。これは、アプリケーションをオフラインで実行するために何をする必要があるかを説明するのに役立ちます。
ここに役立つかもしれない、あなたがやろうとしているものの別の例です:のhttp:/ /mrgan.tumblr.com/post/257187093/pie-guyする