【问题标题】:Install webapp to homescreen on iPhone?在 iPhone 上将 webapp 安装到主屏幕?
【发布时间】:2011-01-29 17:08:19
【问题描述】:

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

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

【问题讨论】:

    标签: iphone caching web-applications homescreen iphone-standalone-web-app


    【解决方案1】:

    此行为是通过标题为apple-mobile-web-app-capablemeta 标签完成的。

    详细信息(以及其他对 iPhone 网络应用有用的meta 标签):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 APIscache manifest 来存储数据。

    【讨论】:

    • 那么是不是所有的CSS/JS都被缓存了,这样离线时可以在本地运行?
    【解决方案2】:

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

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

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

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

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-05-07
        • 2011-12-20
        • 1970-01-01
        • 2011-03-26
        • 1970-01-01
        • 1970-01-01
        • 2010-11-11
        • 2011-12-05
        相关资源
        最近更新 更多