javascript - 缓存清单更新网页（如果在线）

Question

我正在开发一个 Web 应用程序，作为一个初学者的 Web 开发人员，我在制定缓存清单时遇到了麻烦。目标是在用户离线时网页加载其缓存文件，如果用户在线，网页将自行刷新并缓存更新后的文件。到目前为止，我的 cache.manifest 文件如下所示：

缓存清单索引
.htm

这会将页面缓存为可以离线访问，但如果用户在线刷新 URL，即使我更新了页面，它仍然会显示旧的缓存文件。我该如何解决这个问题？

Answer 1

根据设计和定义，HTML5 缓存清单的工作原理是使用缓存的数据，除非缓存清单的内容已更改。这对于网页来说意义不大，但对于分布在 Web上的应用程序却很有意义。

如果你真的有一个应用程序，你通常会在清单中列出几个文件（HTML 文件本身不需要列出——这是暗示的）。然后，每当应用程序被修改并且需要重新加载时，您都应该编辑清单。即使文件列表没有更改，您也需要更改清单中的实际内容。一种常见的技术是有一个注释行（以 开头#），其中包含例如版本号或指示最新更改的日期戳。