ServiceWorker 在 Chrome 中的硬重新加载 (Ctrl-Shift-R) 失败

Question

为什么 Service Worker 在硬重新加载 (Ctrl-Shift-R) 后会失败？

---- case 1 CHROME --- 成功

1. 卸载 service worker
2. 加载页面
3. 页面安装 service worker
4. Worker.postMessage() 成功
5. 重新加载页面
6. Worker.postMessage() 成功

---- case 2 CHROME --- 失败

1. 卸载 service worker
2. 加载页面
3. 页面安装 service worker
4. Worker.postMessage() 成功
5. HARD RELOAD (ctrl-shift-R) 页面（serviceworker 仍然根据 chrome://serviceworker-internals/ 运行）
6. Worker.postMessage() 失败 -- '错误发送类型错误：无法读取属性'postMessage' of null'

Answer 1

当你 shift-reload 时，重新加载的页面will not be controlled by a service worker。这是服务工作者规范的一部分。

这仅适用于下一页加载。假设页面在 1 范围内，未来的页面加载（不涉及 shift-reload）将继续由 service worker 控制。

Answer 2

在开发过程中，您可以使用例如 Chrome 的 Dev-Tools 并设置服务工作者在每次重新加载时更新：

如需进一步参考，您可以阅读 Googles Web Essentials 关于此主题的内容。