如何强制服务工作者更新？

Question

我使用sw-precache生成Polymer-CLI构建过程中的服务工作，因此它旨在更新更新文件的散列，以表示需要更新缓存。但是缓存中没有替换我更新的内容，因此如果我使用ctrl-r刷新，它将获得旧版本，但如果使用ctrl-shift-r刷新，它将获得新版本。原因可能是我的服务人员没有更新。

这份文件说

如果与当前相比，服务辅助程序文件中甚至有一个字节的差异，它就认为它是新的。

，但如果我的新服务人员一个字节都没有更改呢？（如果只更改了一个哈希，则会发生这种情况）。如何配置软件预缓存以在每次新请求时更新服务工作？

Answer 1

如果一个文件的散列发生更改，就足以确保由sw precache生成的服务人员JavaScript文件发生更改。这反过来足以触发服务工作者更新流。

如果在测试过程中没有看到触发的更新流，则可能是由于服务工作者JavaScript文件提供了HTTP缓存头，导致该文件从浏览器缓存而不是从网络中获取。

看见https://stackoverflow.com/a/38854905/385997讨论HTTP缓存头是如何发挥作用的，以及与此相关的最佳实践。

Answer 2

正如前面的答案所述，浏览器有一个1天（24小时）的内置限制来查找对服务工作者的更新，但是你需要注意的是，你仍然需要在你的代码上调用。更新（）对象，否则将使用文件的原始版本。

在测试Chrome中的更改时，我总是右键单击刷新按钮，并在处理我的service worker脚本时选择“空缓存和硬重置”（当开发人员工具打开时，选项可用）。

Answer 3

“sw precache”已被Workbox取代，Workbox为您要预缓存的文件生成哈希，并将这些哈希添加到您的服务人员的源代码中（我不知道sw precache是否以同样的方式工作，Jeff的回答建议是这样的）。如果您想要预先缓存更改的任何文件--并且您重新运行构建--服务工作者中更新的哈希值将被更新，这几乎保证了服务工作者将“至少有一个字节不同”。

当您重新加载（ctrl-r）或重新访问您的应用程序时，浏览器将再次获取已注册的Service Worker。而且，如果该服务辅助角色发生了变化，它将被“排队”来管理应用。但它不会开始管理应用程序，直到您关闭打开应用程序的所有选项卡，然后打开一个新的选项卡。

当您硬刷新（shift-ctrl-r）时，它总是在没有控制器的情况下加载，这与使用新的服务人员不同。

为了在开发过程中进行测试，我在开发工具中使用跳过等待，让新的服务工作者替换旧的，而不需要等待我关闭所有选项卡。