1×
Become a member
to unlock all features
Autoplay

    View the Service Worker and the Cache, and Debug a PWA with Chrome’s Dev Tools

    reactReact
    16.6.3-16.8.6

    Progressive Web Apps can be difficult to debug because of how they are cached by the browser, and also because they aggressively cache static assets from your app. In the Application tab of the Chrome Dev Tools, you can choose to update the service worker on every reload, bypass the service worker entirely, or switch to offline mode - all of which help to debug your PWA.

    You can also see what is in the service worker’s cache, and you can use the Network tab to see what is being served by the service worker, and when assets are coming directly from the web server.