14

如何让我的 web 应用程序作为图标安装在用户的主屏幕上？数据是否缓存在本地，以便用户在3G以外时可以运行webapp？

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

4

3 回答 3

22

这个行为是通过一个meta名为 的标签来完成的apple-mobile-web-app-capable。

meta详细信息（以及对 iPhone 网络应用有用的其他标签）： 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和缓存清单来存储数据。

于 2010-03-20T02:29:22.157 回答
10

请参阅 ceejayoz 对各种 iPhone 特定内容（图标、全屏模式）的回答，但为了将整个应用程序存储在本地（并离线运行），您需要查看所谓的“缓存清单”。该文件链接到页面上的开始 html 标记中，列出了应用程序需要在本地存储的每个资源。

此外，为了存储用户数据，如果需要，您需要查看客户端数据库。我对此了解不多，所以我不会试图解释它。:P

苹果在这里有一个不错的页面：https ://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007256-CH1-SW1

讨论缓存清单和本地数据库存储。这应该有助于解释您需要做什么才能使您的应用程序脱机运行。

于 2010-03-20T02:40:21.967 回答
7

这是您尝试做的另一个示例，可能会有所帮助： http: //mrgan.tumblr.com/post/257187093/pie-guy

于 2010-03-20T02:31:01.300 回答