可从缓存中脱机使用的 Web 应用程序答案

【问题标题】：Web application available offline from cache可从缓存中脱机使用的 Web 应用程序
【发布时间】：2012-05-31 06:05:24
【问题描述】：

我需要创建一个具有离线支持的 Web 应用程序。当客户端的计算机离线时，Javascript 必须重定向到另一个页面，其中包含来自应用程序的重要信息。

重定向到离线网页

window.addEventListener("offline", function(e) {
   document.location.href='/offline/index.html';
}
, false);

如何在浏览器缓存中强制保存页面/offline/index.html，以确保在互联网连接中断时内容仍然可用？

/offline/index.html 页面将每 10 分钟更新一次（如果应用在线），并且缓存必须仍然刷新。

我尝试在主应用程序的 html 中使用缓存清单，但这无法正常工作。离线页面已保存，但在线模式下的其他页面也已保存。我只需要缓存一个文件，offline/index.html，我更喜欢手动重定向到带有 Javascript 事件的离线页面，而不需要 HTML5 离线解决方案。

我的缓存清单文件：

CACHE MANIFEST

/ff/landing/js/jquery.min.js
/ff/default/js/online.js

FALLBACK:
/ /offline/index.html

NETWORK:
*

【问题讨论】：

【解决方案1】：

您可以使用HTML5 Manifest。

查看以下链接

【讨论】：