当您将版本/哈希添加到服务工作线程文件时会发生什么？

Question

我认为通过将版本字符串添加到其文件名来为您的服务工作者使用缓存清除是一个坏主意。这在任何教程中都没有提到，我也从未在野外见过这种方法。

您应该在 service worker 文件的响应标头中使用 no-cache directive 和 max-age field。

但是由于我没有找到关于这种方法的专门声明，所以我尝试了它，似乎如果你更改 service worker 文件，就很难摆脱旧的。所以我可以在开发工具的 sources 选项卡中看到这两个文件。

但您不会立即在 application 选项卡中看到新的 Service Worker，所以我不确定是什么阻碍了新的 SW 负责以及它实际上在等待什么。

有谁知道，浏览器通常如何处理这种情况？

Answer 1

Here's some guidance 建议为什么应该避免这种情况：

避免更改 Service Worker 脚本的 URL

如果你有read my post 缓存最佳实践，你可以考虑给你的每个版本 服务工作者一个唯一的 URL。不要这样做！这通常很糟糕 服务人员的练习，只需更新当前的脚本 位置。

它会让你遇到这样的问题：

1. index.html 将 sw-v1.js 注册为 service worker。
2. sw-v1.js 缓存并提供 index.html，因此它首先离线工作。
3. 您更新 index.html，以便它注册您的新的闪亮的 sw-v2.js。

如果您执行上述操作，用户永远不会获得 sw-v2.js，因为 sw-v1.js 是 从缓存中提供旧版本的 index.html。你放了 您自己处于需要更新服务人员的位置 为了更新您的服务人员。呃。