HTML5缓存每次都会下载root

时间:2012-09-14 07:05:19

标签: html5 offline-caching cache-manifest

我正在玩HTML5应用缓存,从一开始我遇到了问题:/ 我正在尝试为我的页面设置简单的离线后备,以便有漂亮的样式页面而不是经典的脱机错误。根据我的红色资源,我创建了这个清单文件。

CACHE MANIFEST
# 0.01
CACHE:

NETWORK:
*

FALLBACK:
/ /offline.html

问题是,浏览器不仅将offline.html文件加载到缓存中,还加载到根页面,导致该页面显示有大量错误(没有加载j,没有加载图像,没有CSS,...)离线时,offline.html被浏览器完全绕过。 下面的屏幕截图显示了有关缓存进度的记录信息。您可以在那里看到,浏览器会下载这两个文件,而不是我正在尝试的offline.html

所有这些都是在最新的开发Chrome(23.0.1262.0 dev)

中完成的

enter image description here

1 个答案:

答案 0 :(得分:1)

引用清单文件的页面始终包含在脱机缓存中。如果您不希望缓存根页面,则需要创建一个单独的静态页面来引用清单并将其加载到iframe中。