前情提要#

突然来了兴致将网站的 Service Worker 更换成了 Google Chrome 团队的 Workbox，结果在缓存控制方面遇到个大问题：

​ 每刷新一次缓存就增长 20MB，几次访问下来缓存高达 400MB

但我整个网站包括图片、字体资源加起来也没有 50MB 啊？？（迷惑）

结果发现 Workbox 会将 Url 参数不同的请求分别缓存一份…

解决办法#

这里省略漫长的 Debug 过程（博主一直在找 Workbox 的问题），根本祸根在于 Pjax 的一个默认参数 cachebust-boolean-default-true

cacheBust (Boolean, default: true)

When set to , Pjax appends a timestamp query string segment to the requested URL in order to skip the browser cache.true

所以在创建 pjax 实例的代码里面加一条”cacheBust: false”即可{% quot icon%}