HTML5 缓存清单：只有回退，没有缓存答案

【问题标题】：HTML5 Cache Manifest: Only fallback, no cachingHTML5 缓存清单：只有回退，没有缓存
【发布时间】：2014-07-22 06:15:00
【问题描述】：

我创建了一个应该始终使用最新文件并且不缓存任何内容的 web 应用程序。但是当客户端离线时，它应该呈现“offline.html”，它会每 30 秒不断尝试加载“index.php”。

事情是这样的：我的 index.php 也被缓存了，因为它有 manifest 标签。但这破坏了我的 web 应用程序的功能。

所以我想问一下，将缓存清单仅用于提供回退而不用于缓存其他任何内容的最佳解决方案是什么？

index.php

<html manifest="/cache.manifest">

缓存清单

CACHE MANIFEST

FALLBACK:
/ /offline.html

NETWORK:
*

我在这里 https://stackoverflow.com/a/19974768/1311566 找到了 此解决方案，该人使用 iframe 来加载其中包含清单标记的 html，以便 index.php 不会'不会被缓存。但我想知道是否还有其他解决方案，或者甚至更好的解决方案。

提前非常感谢，斯蒂芬

【问题讨论】：

【解决方案1】：

https://stackoverflow.com/a/19974768/1311566 描述的解决方案是正确的。这是防止 HTML 文件被缓存并且仅在请求失败时回退到 /offline.html 的唯一方法。

我基于 applicationCache 构建离线兼容应用程序已有 3 年多的时间了，相信我这是唯一的方法。如果您想为 iframe Hack（以及更多）提供一个不错的 JS API，您可以使用我构建的库：https://github.com/gr2m/appcache-nanny

顺便说一下，金融时报实验室团队发明了这个 iframe hack，他们整理了一个很棒的教程，里面有很多背景信息：http://labs.ft.com/category/tutorial/

【讨论】：