缓存从 iOS 主屏幕启动的 Web 应用程序

Question

所以我用 HTML 5 和 javascript（主要是 jQuery）构建了这个网络应用游戏。它旨在在没有无线互联网的地方（博物馆）的 iPad 上使用。 我正在使用 cache.manifest 文件来缓存游戏运行所需的所有文件。在我的桌面上同时使用 Chrome 和 Safari，效果很好。我可以在调试器中看到应用程序缓存中列出的所有文件，并且该应用程序可以在没有互联网连接的情况下完美运行。 在 iPad 的浏览器上测试它也得到了很好的结果。 iPad 似乎需要更长的时间来缓存所有文件，但如果你给它足够的时间，该应用程序在 iOS 上的 Safari 中也可以在飞行模式下运行。

现在问题来了。当我将应用程序安装到主屏幕并从那里启动它时，该应用程序不起作用。只有第一页会运行，当我尝试转到下一个时它会失败并告诉我我需要互联网。 （地图出现后会加载第二个 HTML 页面并且您选择了 1 号厅）

我读到如果从主屏幕启动它可能需要重新缓存，所以我尝试等待它缓存然后转到下一页。等了2-3分钟还是不行。

您可以找到应用程序here。它是荷兰语，所以可能有点混乱。

清单文件是here。

任何帮助将不胜感激！谢谢。

Answer 1

所以我自己想通了。 事实证明这是一个真正的菜鸟错误。在应用程序的某些页面中，我对 cache.manifest 文件有一些错误的引用。在似乎会导致一些问题的 iOS 设备上。

相当令人困惑，因为它在常规浏览器中运行良好。但是吸取的教训：iOS 对小细节非常挑剔，您需要在每个页面上都有对清单文件的引用。