Understanding the App Manifest Properties

Learn how to use the properties of an app manifest to configure the look and behavior of an installed progressive web app.

After linking the manifest.json file in our HTML files, we can start adding properties to this manifest file. An app manifest has a variety of properties, which include:

  • name
  • short_name
  • description
  • theme_color
  • background_color
  • display
  • icons

A manifest file

Before we learn about these properties, let’s first look at what a basic manifest.json file looks like. Follow these steps to use the below applications:

  • Run the below application.
  • Then, check the manifest.json file in the application tab of DevTools (the “Installability” section will show the following warning: No Service worker registered!).

Get hands-on with 1200+ tech skills courses.