• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. References
  2. Progressive web apps
  3. How to
    • Deutsch
    • 日本語
  1. Progressive web apps
  2. Guides
  3. What is a progressive web app?
  4. Installing and uninstalling web apps
  5. Making PWAs installable
  6. Offline and background operation
  7. Caching
  8. Best practices for PWAs
  9. Tutorials
  10. CycleTracker
    1. Base HTML and CSS
    2. Secure connection
    3. JavaScript functionality
    4. Manifest and iconography
    5. Offline support using service workers
  11. js13kGames
    1. PWA structure
    2. Offline support using service workers
    3. Making PWAs installable
    4. Using Notifications and Push APIs
    5. Progressive loading
  12. How to
  13. Trigger installation from your PWA
  14. Define your app icons
  15. Create a standalone app
  16. Customize colors of your app
  17. Display a badge on the app icon
  18. Expose common app actions as shortcuts
  19. Share data between apps
  20. Associate files with your PWA
  21. Reference
  22. Web app manifest
  23. Manifest members
    1. background_color
    2. categories
    3. description
    4. display
    5. display_override Experimental
    6. file_handlers Experimental
    7. icons
    8. id
    9. launch_handler Experimental
    10. name
    11. note_taking Experimental
    12. orientation
    13. prefer_related_applications Experimental
    14. protocol_handlers Experimental
    15. related_applications Experimental
    16. scope
    17. screenshots
    18. serviceworker Experimental Non-standard
    19. share_target Experimental
    20. short_name
    21. shortcuts
    22. start_url
    23. theme_color

How to

How-to guides explain in detail how to accomplish a specific task related to PWAs.

  • Associate files with your PWA
  • Create a standalone app
  • Customize colors of your app
  • Define your app icons
  • Display a badge on the app icon
  • Expose common app actions as shortcuts
  • Share data between apps
  • Trigger installation from your PWA

Help improve MDN

Learn how to contribute.

This page was last modified on May 5, 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.