iPhone WebApp 缓存答案

【问题标题】：iPhone WebApp cacheiPhone WebApp 缓存
【发布时间】：2009-03-31 13:55:14
【问题描述】：

我为 iPhone 制作了一个简单的 Web 应用程序，它只有 6 个页面，每个页面上都有一个图像，我使用 Cube 过渡在它们之间切换，所有静态内容。

我需要它在 iPod Touch 上离线工作，即访问一次，断开 WiFi，然后能够浏览静态站点。

我正在尝试使用 HTML5 清单功能执行此操作，但显然我做错了？

我的清单文件：

CACHE MANIFEST
index.html
main.css
main.js
Images/Appointments_Page.png
Images/backgroundStripes.png
Images/button.png
Images/button1.png
Images/button1_clicked.png
Images/button2.png
Images/button2_clicked.png
Images/button3.png
Images/button3_clicked.png
Images/button_clicked.png
Images/CloseIcon.png
Images/CloseIcon_pressed.png
Images/Efficacy_Page.png
Images/EfficacyGraph_Page.png
Images/Graph_Icon.png
Images/GraphIcon.png
Images/GraphIcon_pressed.png
Images/Home_Page.png
Images/Tolerability_Page.png
Images/TolerabilityTable_Page.png
Images/WebClipIcon.png
Parts/ButtonHandler.js
Parts/PushButton.js
Parts/setup.js
Parts/StackLayout.js
Parts/Transitions.css
Parts/Transitions.js
Parts/utilities.js

我的 HTML 文件的顶部

<!DOCTYPE HTML>
<html manifest="cache-manifest">

【问题讨论】：

标签： iphone caching html

【解决方案1】：

嘿，我想通了，在这里留下答案，以防它帮助其他人。

我遇到的问题是我们的服务器 (IIS6) 拒绝提供我的清单文件。

我必须使用“text/cache-manifest”添加 MIME 类型“.manifest”。

从那时起它一直缓存良好，所有 40 多个文件从 1kb 到 200kb 不等。

希望这会有所帮助。

【讨论】：

嗯...这段代码可能很有用。感谢您发布它:)
官方信息在这里：developer.apple.com/safari/library/documentation/…
我知道这已经很老了，但 official doc 是由 W3 而不是 Apple 提供的。

【解决方案2】：

我还写了一些关于使用 Manifest 的提示：http://wecreategames.com/blog/?p=210

其他注意事项：您需要重新加载应用程序 TWICE 以获取清单的新内容，并且您需要更改清单的实际内容以强制重新加载包含的页面（我通过更改评论 #v. 03 到 #v.04，或类似的东西）。

【讨论】：

【解决方案3】：

注：Apple 建议：

“声明清单文件的 HTML 文件......自动包含在应用程序缓存中。您无需将其添加到清单文件中。”

(https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html#//apple_ref/doc/uid/TP40007256-CH7-SW2)

所以它可以将“index.html”从清单列表中删除。

【讨论】：