caching - "added to homescreen"移动网络应用程序中的 HTML5 缓存 list 似乎不起作用

Question

我正在开发一个连接到在线数据库的移动网络应用程序，将数据从该数据库加载到离线本地 mysqlite 数据库中，然后应该可以离线使用。我让整个数据库都正常工作，但该应用程序仍然无法离线使用，因为它没有正确缓存所有资源。

我的 list 看起来像这样:

CACHE MANIFEST
# Cache manifest version 0.0.5

http://www.mywebsite.com/appfolder/app/detail.html
http://www.mywebsite.com/appfolder/app/index.html
http://www.mywebsite.com/appfolder/app/list.html
http://www.mywebsite.com/appfolder/css/style.css
http://www.mywebsite.com/appfolder/src/iscroll.js
http://www.mywebsite.com/appfolder/js/jquery-1.5.1.min.js
http://www.mywebsite.com/appfolder/thumbs/1872A.jpg
http://www.mywebsite.com/appfolder/thumbs/1913.jpg
http://www.mywebsite.com/appfolder/thumbs/1916.jpg
http://www.mywebsite.com/appfolder/thumbs/1925.jpg
http://www.mywebsite.com/appfolder/carsimages/1872A_1.jpg
http://www.mywebsite.com/appfolder/carsimages/1872A_2.jpg

NETWORK:

# All URLs that start with the following lines
# are whitelisted.

CACHE:

# Additional items to cache.

FALLBACK:

该应用程序在线时运行流畅，但一旦我离线，我会收到以下错误消息:“无法打开我的应用程序名称，因为它未连接到互联网”(在“添加到主屏幕”中 - 在 iPad 上查看)和“Safari 无法打开该页面，因为它未连接到互联网”(在同一台 iPad 上的 safari View 中)

我已经采取的步骤:通过将此添加到我的 .htaccess 文件，确保 list 由正确的内容类型提供服务

AddType text/cache-manifest .manifest

知道为什么这不起作用吗？

Answer 1

对于 iPad，缓存 list 文件必须命名为“cache.manifest”。这为我解决了这个问题。