After generating your Web Manifest, get back to the Codelab. Configuring the app.webmanifest 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