DevTools Tips

Force PWA periodic background syncs

Categories: Supported by:

The periodic background sync API, available to PWAs is a great way to fetch new content while the user isn't on the site, and while they have access to the network, to make sure they have the latest content when they come back to the app.

It can be hard to debug though, as the sync only happen after the minimum interval has passed, and the browser thinks that now is a good time to trigger the sync.

Thankfully, there is a way in Chrome and Edge to force the sync, so you don't have to wait for the browser to do it.

  • Navigate to the Application panel.
  • Select the Service Workers tab.
  • Scroll down to the Periodic Sync input.
  • Enter the tag name for your registered sync, and click the Periodic Sync button.

The Application panel in Edge showing the periodic sync input and buttons.