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

时间:2012-05-24 16:03:06

标签: javascript jquery html browser-cache offline-caching

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