HTML5 仅在离线时使用缓存答案

【问题标题】：HTML5 use cache only when offlineHTML5 仅在离线时使用缓存
【发布时间】：2012-03-09 18:38:59
【问题描述】：

我开始使用HTML5缓存来查看一个简单的HTML页面，一个css文件和两个js文件。

我的问题是无论我是否离线都会使用缓存。但我只想在离线时使用缓存。有谁知道如何解决这个问题？

index.html 文件清单：

<html manifest="app.cache">

app.cache 清单文件：

CACHE MANIFEST
/index.html
/css/style.css
/js/jquery-1.7.1.min.js
/js/functions.min.js

谢谢！

【问题讨论】：

【解决方案1】：

根据the standard as given at whatwg，这可以通过将缓存模式从默认的fast 更改为prefer-online 状态来实现。在那里，给出的说明是在列出您需要离线使用的所有文件之后，在您的 appcache 清单末尾添加以下内容：

SETTINGS:
prefer-online
NETWORK:
*

显然，这背后的想法是允许向“遗留”应用程序添加基本的离线支持，这些应用程序每次提供服务时都不得不更改 html 文档。我尚未验证这在任何当前浏览器中都有效。

【讨论】：

【解决方案2】：

manifest="app.cache" - 不会解决您的问题。它缓存清单文件中列出的所有文件。您必须将数据保存在本地存储或本地数据库中，并且必须根据连接状态 [在线/离线] 从服务器/本地检索数据。

【讨论】：