html5 – 如何强制服务工作者更新?

前端之家收集整理的这篇文章主要介绍了html5 – 如何强制服务工作者更新?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用sw-precache通过Polymer CLI构建过程生成我的服务工作,因此它旨在更新更新文件的哈希,以表示需要更新缓存.但是我的更新内容没有在缓存中被替换,所以如果我用ctrl r刷新它会得到一个旧版本但是如果我用ctrl shift r刷新则会得到新版本.原因可能是我的服务工作者没有更新.

This doc表示

If there is even a byte’s difference in the service worker file
compared to what it currently has,it considers it new.

,但是如果我的新服务工作者没有更改字节呢? (如果只有一个哈希发生了变化就会发生).如何配置sw-precache以在每次新请求时更新服务工作?

解决方法

如果一个文件的哈希值发生变化,那就足以确保sw-precache生成的服务工作者JavaScript文件发生变化.反过来,这足以触发服务工作者更新流程.

如果您在测试时没有看到触发的更新流,那么可能是由于服务工作者JavaScript文件与HTTP缓存头一起提供,导致它从浏览器的缓存而不是从网络中获取.

有关HTTP缓存标头如何发挥作用的讨论,请参阅https://stackoverflow.com/a/38854905/385997,以及与此相关的最佳实践.

猜你在找的HTML5相关文章