HTML5缓存清单如何请求在可能的情况下在线查看缓存文件

Question

我正在为iPhone开发一个web HTML5应用程序，但我陷入了一个相当糟糕的境地。我需要缓存整个内容以供离线使用，这很好，但问题是，当你稍后在线时，它仍然使用缓存版本。我需要应用程序尽可能使用在线版本而不是缓存版本，但我找不到任何相关信息。

提前感谢！

Answer 1

我不知道你在使用什么框架，但在Sencha中，你需要指定通过这样做来使用网络：

NETWORK:
*

如果你的清单文件中有东西，它将始终使用缓存的副本，这就是你正在经历的。因此，这是清单文件中项目的默认行为。

现在，它变得有点棘手了。

文章：http://www.sencha.com/learn/taking-sencha-touch-apps-offline/

在这个Sencha脱机示例中，他们为缓存的数据库设置了一个代理，然后在浏览器缓存和本地存储之间切换。

然后，您希望创建一个没有超时的侦听器来检测您是离线还是在线。

如果超时，请使用本地代理。像这样：

this.onlineStore.addListener('load', function () {
    console.log("I think we are online");
    helloWorld.offlineStore.proxy.clear();
    this.each(function (record) {
        var photo = helloWorld.offlineStore.add(record.data)[0];
    });
    helloWorld.offlineStore.sync();
    helloWorld.gallery.bindStore(helloWorld.offlineStore);
});