在工作箱 webpack 插件中强制同步答案

【问题标题】：Forcing sync in workbox webpack plugin在工作箱 webpack 插件中强制同步
【发布时间】：2019-01-18 15:38:00
【问题描述】：

我在从 webpack 插件同步工作箱后台同步时遇到问题。当我通过开发工具在教程中强制它时会发生它：

但是，一般什么时候发生呢？它背后的规则是什么，我可以以编程方式强制它吗？

提前致谢，

格热戈茨

【问题讨论】：

您可以添加任何详细信息，例如：使用的代码，遇到的错误问题吗？ How do I ask a good question?, How to create a Minimal, Complete, and Verifiable example 向社区展示你的尝试。
您可以在测试期间触发同步，就像工作箱在测试期间所做的那样：github.com/GoogleChrome/workbox/blob/…（通过向 SW 发送消息并触发自身的 SyncEvent）。不过你shouldn't use SyncEvent in production code。或者你可以create a Queue directly，然后调用queue.replayRequests()就可以了。

【解决方案1】：

workbox-background-sync library 将使用底层的后台同步 API（如果可用）。

"Introducing Background Sync" 给出了我所知道的 API 的最佳概述。根据那篇文章：

您要求在用户连接时触发一个事件，如果用户已经连接，则立即触发。然后，您监听该事件并做任何您需要做的事情。

因此，由浏览器决定何时根据网络连接触发sync 事件。

在不支持后台同步 API 的浏览器上使用 workbox-background-sync 时，只要 service worker 启动，请求就会自动重试，这通常发生在从受控页面发出网络请求时，经过一段时间无所事事。

【讨论】：