javascript - 浏览器缓存重新加载 list

Question

我们正在寻找一个漂亮且干净的解决方案来重新加载自动生成的网站浏览器缓存。考虑一下版本控制的客户端，如果发布新客户端，则需要重新加载缓存。

强制重新加载的方法有很多:

1. 使用 HTML5 list 和“applicationCache”

2. 在 javascript“脚本标记”中使用时间戳。

3. 服务器:带有“缓存控制:无缓存，必须重新验证”的不同 HTML header

但是，它们似乎并不是那么漂亮和干净的解决方案。我们不想通过 HTMl applicationCache 提供离线解决方案。

问题是:有没有办法使用 list 文件(或其他文件)为客户端提供版本，如果版本更改，浏览器会自动重新加载缓存？可能使用 HTML5 applicationCache，但我们不想离线使用该网站并存储所有内容。我们只是想告诉浏览器清除他生成的缓存。

如果我理解正确的话，这是不可能的，或者与 HTML5 applicationCache 的用法不同。如果我错了，请纠正我。

Answer 1

一种常见的方法是:

1. 使用 Cache-Control: no-cache, Must-revalidate 和 提供主 HTML 文件(例如 index.html) maxage之类的(基本上，不要让它被缓存)

2. 在其加载的资源名称中使用版本号，例如 script-v6.js，然后在发生更改时使用 script-v7.js，使用远期 header 提供这些资源，以便它们可以长期缓存

3. 显然在开发过程中，我们只有简单的文件名；版本号由构建过程添加，该过程执行所有其他构建操作，例如缩小、组合文件等。