在 iPhone 上安装 webapp 到主屏幕？

Question

如何允许我的网络应用程序作为图标安装在用户的主屏幕上？数据是否缓存在本地，以便用户在 3G 之外时也可以运行 Web 应用程序？

我快速进行了谷歌搜索，但缺少搜索词。我注意到 Google Buzz 允许我在本地安装，我想知道创建网络应用程序的过程是什么，以及它们是否得到特殊处理（完全缓存/离线运行）。

Answer 1

此行为是通过 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：

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

苹果有一个体面的页面在这里：的 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