mobile-safari - Safari iOS 11.3 未添加到 workbox-background-sync

Question

我遵循了关于服务人员和后台同步的教程： https ://codelabs.developers.google.com/codelabs/workbox-indexeddb/index.html?index=..%2F..%2Findex#0

在 Safari iOS 11.3.1 上运行时，服务工作者已注册，因为它在日志中报告（已安装服务工作者）。但我不明白耶！工作箱已加载消息。

IndexedDB 工作正常，对象fetch从服务器上更新。

但是，当我故意下线并执行 POST 时，没有任何内容写入 IndexedDB 队列。我的问题是： 1. 我在哪里可以在 Web Inspector 中检查服务人员？2. workbox-background-sync 是否支持 Safari iOS 11.3.1？如果是，我的设置有什么问题？

Answer 1

您的服务人员有错误，因此 Workbox 未加载。在示例中，您必须添加一个正则表达式：

在您的服务人员上替换以下内容：

workbox.routing.registerRoute(
  \/api\/add,
  networkWithBackgroundSync,
  'POST'
);

使用这个：

const bgSyncPlugin = new workbox.backgroundSync.Plugin('offlineQueue', {
  maxRetentionTime: 48 * 60 // 48 hours retention on Indexed DB (up to your needs)
});

workbox.routing.registerRoute(
      new RegExp('./api\/add'),
      workbox.strategies.networkOnly({
        plugins: [bgSyncPlugin]
      }),
      'POST'
    );

在 Safari 11.3.1 上，您只能将请求排队，但尚不支持完整的后台支持。检查：https ://github.com/GoogleChrome/workbox/issues/1466

Answer 2

iOS 上的 Safari 不支持后台同步