1.5 KiB
1.5 KiB
Application
The Application panel provides tools for inspecting and debugging modern web apps (also known as Progressive Web Apps). This includes inspection of service workers and web app manifests.
:alt: the firefox application panel zoomed out view showing a picture of two arctic
: foxes
:class: border
Accessing the Application panel
The Application panel is available on the standard DevTools tab menu under Application. If you can’t see it there, you can enable it by going to the "three dot" menu and selecting Settings (also accessible by pressing F1), then checking the Application checkbox under Default Developer Tools.
Finding an example
If you want to test this functionality and you don't have a handy PWA available, you can grab one of our simple examples to use:
- Add to homescreen demo: Shows pictures of foxes (source code | live version)
- Js13kpwa demo: Show information on entries to the JS13K annual competition (source code | live version)
How to
- {doc}
Debug service workers <service_workers/index> - {doc}
Inspect web app manifests <manifests/index>