devtools/docs/user/application/index.rst

   1 ===========
   2 Application
   3 ===========
   4
   5 The **Application panel** provides tools for inspecting and debugging modern web apps (also known as `Progressive Web Apps <https://developer.mozilla.org/en-US/docs/Glossary/Progressive_web_apps>`_). This includes inspection of `service workers <https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API>`_ and `web app manifests <https://developer.mozilla.org/en-US/docs/Web/Manifest>`_.
   6
   7 .. image:: sw-registered.jpg
   8   :alt: the firefox application panel zoomed out view showing a picture of two arctic foxes
   9   :class: border
  10
  11
  12 Accessing the Application panel
  13 *******************************
  14
  15 The Application panel is available on the standard DevTools tab menu under *Application*, in Firefox 79+. 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*.
  16
  17
  18 Finding an example
  19 ******************
  20
  21 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:
  22
  23 - Add to homescreen demo: Shows pictures of foxes (`source code <https://github.com/mdn/pwa-examples/tree/master/a2hs>`__ | `live version <https://mdn.github.io/pwa-examples/a2hs/>`__)
  24
  25 - Js13kpwa demo: Show information on entries to the JS13K annual competition (`source code <https://github.com/mdn/pwa-examples/tree/master/js13kpwa>`__ | `live version <https://mdn.github.io/pwa-examples/js13kpwa/>`__)
  26
  27
  28 How to
  29 ******
  30
  31 - :doc:`Debug service workers <service_workers/index>`
  32 - :doc:`Inspect web app manifests <manifests/index>`