Debug background services

Kayce Basques

Sofia Emelianova

The Background services section of Chrome DevTools is a collection of tools for the JavaScript APIs that enables your website to send and receive updates even when a user does not have your website open. A background service is functionally similar to a background process.

The Background services section lets you debug the following background services:

• Background fetch
• Background sync
• Notifications
• Speculative loads
• Push messages

Chrome DevTools can log fetch, sync, and notification events for three days, even when DevTools is not open. This can help you make sure that events are being sent and received as expected.

In addition to background service events, DevTools can:

• Show you reports that Chrome already sent or is about to send using the Reporting API.
• Let you debug and test back/forward cache with a click.

Background fetch

The Background Fetch API enables a service worker to reliably download large resources, like movies or podcasts, as a background service. To log background fetch events for three days, even when DevTools isn't open:

1. Open DevTools, for example, on this demo page.

2. Navigate to Application > Background services > Background fetch, and click Record.