Web 应用程序可从缓存脱机使用

我需要创建一个具有离线支持的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 ，我更喜欢在没有 HTML5 离线解决方案的情况下手动重定向到 Javascript 事件的离线页面。

我的缓存清单文件：

CACHE MANIFEST
/ff/landing/js/jquery.min.js
/ff/default/js/online.js
FALLBACK:
/ /offline/index.html
NETWORK:
*

您可以使用

HTML5清单。

见以下链接

http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html

鉴于这些要求，我应该如何构建我的 HTML5 清单？

相关内容