Android 设备上的 HTML5 离线应用程序答案

【问题标题】：HTML5 Offline app on Android devicesAndroid 设备上的 HTML5 离线应用程序
【发布时间】：2013-01-14 18:25:08
【问题描述】：

这是关于 Android 设备上的 HTML5 离线应用程序。

我们遇到了一个问题，即在以下情况下，为支持离线的 HTML5 应用（带有完整的缓存清单文件）添加书签时无法在 Android 浏览器上加载：

在浏览器上为应用添加书签
关闭所有无线连接
完全关闭浏览器
尝试从主屏幕启动书签

我们最终收到“无法连接到互联网”消息。当保存到主屏幕和飞行模式时，该应用在 iOS 设备上运行良好。

应用是否有特定的保存方式，或者这是 Android 特有的怪癖？

【问题讨论】：

您使用的是什么浏览器？默认的安卓浏览器？
您可以添加指向您网站的链接吗？你用什么安卓版本测试这个？我有一个离线网络应用程序，它按预期工作。
是的，我们在默认的 Android 浏览器中看到了这一点。
这是哪个版本的安卓？我在 android 上也遇到过类似的问题，在 chrome 上也遇到过几次。 stackoverflow.com/questions/12932685/…

标签： android html caching manifest offline

【解决方案1】：

我会检查一下：

MIME 类型确实是text/cache-manifest。
您的缓存清单以CACHE MANIFEST 开头，此后您的网址要么是相对于清单的网址，要么是绝对网址。
您的清单中没有任何损坏的链接，也没有强制使用NETWORK: 标记。

【讨论】：

谢谢 Ben，原来我们使用的是强制网络标签。我会在没有标签的情况下尝试一下，看看效果如何。

【解决方案2】：

所以，我在多个实例上遇到过类似的 issues with chrome 和 android。显然实现没有问题，因为我在 FF 上尝试过它并且效果很好，Safari 也是如此。我认为这是唯一的原因是，当 chrome 运行时，数据正在 RAM 上获取网页的缓存。如果您关闭浏览器，并且 android 结束该过程，则会初始化一个新的 chrome 实例，并且您现有的应用程序数据将消失。我无法证实这一点，但似乎很可能是问题所在。

同时检查您的服务器是否配置为正确发送 mime 类型：How to set up your server to send the correct MIME types

【讨论】：

【解决方案3】：

缓存清单的文件名是什么？我听说扩展可能会影响 android 的行为。确保您的文件以 .manifest 结尾

此外，请确保您的服务器正确地为清单文件提供 MIME 类型，即text/cache-manifest

【讨论】：

可以确认这两个都是真的，但仍然无法让它在 Android 设备上正常运行

【解决方案4】：

除了 Ben Max Rubinstein 和 Compid 的回答之外，如果您的应用网址是这样的：example.com/myapp，您需要添加以下正斜杠，例如：example.com/myapp/。

当您在线时，服务器会自动重定向您，但如果您离线，显然不会发生这种情况。

【讨论】：

【解决方案5】：

我遇到的是 Apache 的 mime.types 配置中的 .manifest 文件被正确设置为 text/cache-manifest，然后下面的几行被覆盖为 application/x-ms-application（为了与 MS 的 ClickOnce 兼容）。为了解决这个问题，我采用了不同的文件名结尾，即.cachemanifest，正确配置了它的mime类型，重新启动Apache，将清单文件重命名为cache.cachemanifest，将我的清单属性更改为指向该文件，然后我终于能够在Android上缓存我的网络应用程序（桌面浏览器没有任何问题，显然不关心缓存清单文件的mime类型）。希望这会有所帮助。

【讨论】：