1

我需要创建一个具有离线支持的 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:
*
4