从缓存中脱机提供的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:
*
0
额外 编辑
意见: 1

1 答案

0
额外
我试图使用此解决方案,但这不正确。我更喜欢使用Javascript事件手动重定向到脱机页面,而不使用HTML5脱机解决方案。
额外 作者 Dominik,