微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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,以及与此相关的最佳实践.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码
HTML5使用DOM进行自定义控制
使用HTML5 Canvas绘制阴影效果的方法
使用PHP和HTML5 FormData实现无刷新文件上传
如何解决HTML5 虚拟键盘出现挡住输入框的问题