鉴于这些要求,我应该如何构建我的HTML5清单呢?

时间:2012-02-23 23:03:49

标签: jquery html5 jquery-mobile cache-manifest

我有一个HTML jquerymobile应用程序,当用户尝试从主屏幕加载应用程序时,我需要显示一个离线页面。

我希望他们看到的页面已经消失了 - offline.jsp。问题是,如果我在用户访问的每个页面上都包含HTML清单,那么该页面最终会被缓存,这意味着当用户离线加载应用程序时,他们有时会看到他们访问过的页面但图像丢失等,我不想要那个,我想要一个只缓存某个页面的干净缓存系统。

是否可以阻止其他页面在用户访问时缓存。

我想要的是只缓存一个JS文件,该文件检查导航器是否在线,如果没有重定向到那个离线页面..

2 个答案:

答案 0 :(得分:2)

请参阅this question有助于:

总之,使用看起来像这样的清单:

CACHE MANIFEST
CACHE:
/gone-offline.jsp

FALLBACK:
/ /gone-offline.jsp

NETWORK:
*

答案 1 :(得分:1)

  

清单可以有三个不同的部分:CACHE,NETWORK和   备用方式。

     

CACHE:这是条目的默认部分。列出的文件   这个标题(或紧接在CACHE MANIFEST之后)将是   在第一次下载后显式缓存。

     

网络:此部分下列出的文件是列入白名单的资源   需要连接到服务器。所有这些请求   即使用户处于脱机状态,资源也会绕过缓存。通配符可以   使用。

     

FALLBACK:如果是,则指定后备页面的可选部分   资源无法访问。第一个URI是资源,第二个是   后备。两个URI必须是相对的,并且来自同一个原点   清单文件。可以使用通配符。注意:这些部分可以是   以任何顺序列出,每个部分可以出现在一个以上   单一清单。

来源:http://www.html5rocks.com/en/tutorials/appcache/beginner/

我对HTML5缓存清单不是很熟悉,但看起来你想使用NETWORK部分强制某些页面刷新而不管连接状态如何。