

Note that this has to be a relative URL pointing to the site index, relative to the URL of the manifest. start_url: Provides a path to the asset that should be loaded when the added-to-Home screen app is launched.You are advised to provide both if your app's name is particularly long. name provides the full app name, and short_name provides a shortened name to be used when there is insufficient space to display the full name. name/ short_name: These fields provide an app name to be displayed when representing the app in different places.icons: Specifies icons for the browser to use when representing the app in different places (such as on the task switcher, or more important, the Home screen).To make it feel like a distinct app (and not just a web page), you should choose a value such as fullscreen (no UI is shown at all) or standalone (very similar, but system-level UI elements such as the status bar might be visible). display: Specifies how the app should be displayed.The most relevant one to A2HS is the splash screen displayed when the app icon on the Home screen is tapped and it first starts to load (this currently appears only when apps have been added to the Home screen by Chrome). background_color: Specifies a background color to be used in some app contexts.The fields needed for A2HS are as follows: webmanifest extension is specified in the Media type registration section of the specification, but generally browsers will support manifests with other appropriate extensions, e.g.json.
