I as a developer
Want to hide browser address bar on mobile
So that the website looked like an app
Description
For Safari
- Open a website in Safari.
- Tap the Share icon (square with an arrow pointing up) at the bottom of the screen.
- Scroll down the menu and select "Add to Home Screen."
- Enter a name for the shortcut and tap "Add."
For Chrome
- Open a website in Chrome.
- Tap the Share icon to the right of the address bar.
- Select "Add to Home Screen."
- Tap "Add" in the window that opens.
Definition of Done
Once you complete these steps, the site's icon will appear on your home screen, and clicking it will open the site in full-screen mode, mimicking an app.
Additional Info
To accomplish this behavior you need to add "display: fullscreen" line to site.webmanifest.