在iPhone上安裝webapp到主屏幕？

Question

如何允許將我的webapp作為圖標安裝在用戶的主屏幕上？ 數據是否在本地緩存，以便在用戶不在3G時運行webapp？

我做了一個快速谷歌，但我的搜索條件缺乏。 我注意到Google Buzz允許我在本地安裝，我想知道創建Web應用程序的過程是什么，以及他們是否得到特殊處理（完全緩存/脫機運行）。

Answer 1

此行為是通過名為apple-mobile-web-app-capable的meta標記完成的。

詳細信息（以及對iPhone網絡應用程序有用的其他meta標記）： https ： //developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

<meta name="apple-mobile-web-app-capable" content="yes">

要為您的應用設置一個漂亮的圖標，您可以為您的圖標指定一個網址：

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

<link rel="apple-touch-icon" href="/custom_icon.png" />

和一個啟動屏幕：

<link rel="apple-touch-startup-image" href="/startup.png" />

數據可以在本地緩存。 您可以使用各種HTML5 JavaScript API和緩存清單來存儲數據。

Answer 2

請參閱ceejayoz對各種iPhone特定內容（圖標，全屏模式）的回答，但為了在本地存儲整個應用程序（並脫機運行），您需要查看所謂的“緩存清單”。 此文件鏈接到頁面上的開始html標記，列出了應用程序需要在本地存儲的每個資源。

此外，為了存儲用戶數據，如果需要，您需要查看客戶端數據庫。 我不太了解這一點，所以我不會試圖解釋它。 ：P

Apple在這里有一個不錯的頁面： https ： //developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007256-CH1-SW1

討論緩存清單和本地數據庫存儲。 這應該有助於解釋您需要做什么才能使您的應用程序脫機運行。

Answer 3

這是你想要做的另一個例子，可能會有所幫助： http ： //mrgan.tumblr.com/post/257187093/pie-guy