After generating your web manifest, get back here to finish the PWA Fire codelab. Configuring the manifest.json file helps you to specify how you want your web app to look like when launched on the device.

The primary language for the name, short name and description properties. For example, en or en-CA

Your homescreen shortcut will load this URL

The scope of your domain that this manifest applies to
URL Sizes Type
Add another...
This is typically your <body> background color, used to set the background color until the stylesheets for your app are loaded.
URL Sizes Type
Add another...
"lang": "en-US",
"start_url": "/",
"display": "standalone"
<link rel="manifest" href="manifest.json">

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="msapplication-starturl" content="/">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Developer Notes
  • Not all browsers implement the manifest yet, however the <meta>tags above will help bridge that gap
  • Browsers will automatically display an install banner for your web app when it meets certain criteria