DevTools Tips: Debugging PWA
Stay organized with collections
Save and categorize content based on your preferences.
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:
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2023-01-30 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2023-01-30 UTC."],[],[]]