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