How to Make a web app full screen using a web manifest

July 14, 2021

There are 2 steps:

  1. Create a manifest.json file and place it in the root of your website.
  2. Link to the manifest.json file in the head section of the html.


{
  "name": "Name of App/Site (For your sake)",
  "short_name": "Label that will be default title for app icon on home screen",
  "lang": "en-US",

  "display": "standalone", // this is the part that makes it full screen. 
  "orientation":  "portrait",
  "start_url": "/",
  "scope": "/"
}




<link rel="manifest" href="manifest.json">

References/Other options: