display affects the browser's UI when the application is launched. There are ways to make the application full-screen, to hide some of the UI elements, and so on. Here are the possible options, with their explanations:
Value | Description. |
browser | A normal web browser experience. |
fullscreen | No browser UI, and takes up the entire display. |
standalone | Makes the web app look like a native application. It will run in its own window and hides a lot of the browser UI to make it look and feel more native. |
For our example, we'll be using standalone as our setting for display!