HTML5缓存每次下载root答案

【问题标题】：HTML5 cache downloads root every timeHTML5缓存每次下载root
【发布时间】：2012-09-14 07:05:19
【问题描述】：

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

CACHE MANIFEST
# 0.01
CACHE:

NETWORK:
*

FALLBACK:
/ /offline.html

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

所有这些都在最新的开发版 Chrome (23.0.1262.0 dev) 中完成

【问题讨论】：

标签： html offline-caching cache-manifest

【解决方案1】：

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

【讨论】：