DevTools Tips hero logo

DevTools Tips: Debugging PWA

Published on

Progressive Web Apps (PWA) are web apps built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device, all with a single codebase.

Watch the video to learn how to debug these apps with Chrome DevTools.

With DevTools, you can:

  • Inspect your app's manifest file that makes your app installable. For example:
    • Check icons for different platforms.
    • Catch errors.
    • Configure a richer installation UI with description and screenshots.
  • Test service workers that act as proxies between your app and the network. For example:
    • Check worker registration.
    • Check worker versioning and activity.
    • Update worker version on reload.
    • Debug network connectivity by emulating offline mode or bypassing workers.
    • Test network messages.

To learn more, see:

Published on Improve article


CSS color-mix()


Longer extension service worker lifetimes

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.