Setup your website to allow full-screen on iOS
While using the iPad Pro I decided to add a few sites to the home screen. It’s not something I usually do on the iPhone, although the same thing works on the iPhone too:
Press the share button (the one in the middle at the bottom) to show the options panel:
Choose “Add to Home Screen”:
Now you’ll see an app on the home screen with the site favicon.
Clicking it will simply open the site in Safari.
But if you add this meta tag to the page:
<meta name="apple-mobile-web-app-capable" content="yes">
Clicking the app icon will open the site in full screen:
This works on the iPad as well:
This will help you save screen real estate, as the Safari UI would be useless, and will also make the overall app use experience much better.
Of course this has to be supported by the site/app developers, otherwise you can’t make it full screen.
THE VALLEY OF CODE
THE WEB DEVELOPER's MANUAL
You might be interested in those things I do:
- Learn to code in THE VALLEY OF CODE, your your web development manual
- Find a ton of Web Development projects to learn modern tech stacks in practice in THE VALLEY OF CODE PRO
- I wrote 16 books for beginner software developers, DOWNLOAD THEM NOW
- Every year I organize a hands-on cohort course coding BOOTCAMP to teach you how to build a complex, modern Web Application in practice (next edition February-March-April-May 2024)
- Learn how to start a solopreneur business on the Internet with SOLO LAB (next edition in 2024)
- Find me on X