Question

我需要在离线支持下创建一个网络应用程序。当客户端的计算机脱线时, Javascript 必须重定向到另一个页面, 从应用程序中获取重要信息。

重定向到离线网页

window.addEventListener("offline", function(e) {
   document.location.href= /offline/index.html ;
}
, false);

如何强制在浏览器缓存中保存 /offline/index.html 页面, 以确保当互联网连接中断时内容可用?

/offline/index.html 页面将每10分钟更新一次(如果应用程序在线),缓存必须保持更新。

-- -- -- -- --

我试图在主应用程序 s html 中使用缓存列表, 但是这没有正确运行。离线页面已被保存, 但在线模式中的其他页面也被保存。我只需要缓存一个文件, < code> offline/ index. html , 我更愿意手动重定向到离线页面上, 没有 HTML5 脱线解决方案的 Javascript 事件。

我的缓存清单文件 :

CACHE MANIFEST

/ff/landing/js/jquery.min.js
/ff/default/js/online.js

FALLBACK:
/ /offline/index.html

NETWORK:
*

Answer 1

您可以使用 < a href=>" "http://en.wikipedia.org/wiki/Cache_manifest_in_HTML5" rel=“不跟随无悔者">HTML5 宣言。

见下文链接

http://www.whewwg.org/specs/web-apps/current-work/multipage/offline.html" rel=“不跟随 nofollow noreferrer'>>http://www.wwhwg.org/specs/web-apps/current-work/multipage/offline.html

http://www.html5rocks.com/en/tutorics/appcache/ beginner/" rel="no follown noreferrer" >http://www.whewwg.org/specs/web-apps/put-work/multipage/offline.html

友情链接