HTML5 缓存清单后备页面

【问题标题】：HTML5 Cache Manifest Fallback PageHTML5 缓存清单后备页面
【发布时间】：2013-05-08 04:57:07
【问题描述】：

我正在尝试让缓存清单在离线时回退到 offline.aspx 页面。

因此，当包含以下缓存清单的当前页面在线加载时，它会正常显示，但是当没有互联网连接时，将显示offline.aspx 而不是当前页面。

CACHE MANIFEST
# v1.39

NETWORK:
*

FALLBACK:
/ /offline.aspx

这可能吗？我是否了解您可以用后备页面离线替换当前页面？我的清单文件是否正确？

我用 /*s 替换了 /s，但它仍然不起作用。 Chrome 开发人员工具将缓存中的 offline.aspx 显示为“Fallback”类型，将 default.aspx 显示为“Master”。离线时，offline.aspx 永远不会显示 - 它仍然显示 default.aspx。我将通过在 Windows 7 的网络适配器中禁用本地连接来离线。

【问题讨论】：

标签： html offline-caching cache-manifest

【解决方案1】：

查看这些示例：

如果main.html 不可访问，将提供static.html

offline.jpg 将代替images/large/ 中的所有图像提供服务

offline.html 将代替所有其他 .html 文件（对于您的情况尝试 /* 或 *）

FALLBACK:
/main.html /static.html
images/large/ images/offline.jpg
*.html /offline.html

附言：

你的

NETWORK:
*

应该是这样的：

NETWORK:

/ or /*

这些问题也有帮助：HTML5 Cache Manifest: Fallback section & Network *

【讨论】：

我把 /s 换成了 /*s 还是不行。 Chrome 开发人员工具将缓存中的 offline.aspx 显示为“Fallback”类型，将 default.aspx 显示为“Master”。离线时，offline.aspx 永远不会显示 - 它仍然显示 default.aspx。
看起来像一个糟糕的缓存文件！这是一篇解释它的文章html5rocks.com/en/tutorials/appcache/beginner