Demos / Add to Home Screen
Install it.
This site ships a manifest.webmanifest and the Apple-flavored
meta tags Safari needs to treat it like an installable app. Add it
to the Home Screen and come back here โ the state below will flip.
In Safari tab
You're viewing this site in a regular Safari tab.
How to install on iPad
- Tap the Share button at the top of Safari.
- Scroll down and tap Add to Home Screen.
- Confirm the name, then tap Add.
- From your Home Screen, open iPadOS Showcase โ you'll come back here, in standalone mode.
What changes once installed
- The Safari toolbar disappears; the site is its own app window.
display-mode: standaloneandnavigator.standaloneboth reporttrue.- The icon and name come from the manifest.
- The status bar follows
apple-mobile-web-app-status-bar-style.
A Service Worker isn't required for installability on iPadOS, but one would let the site work offline. That's tracked under Phase 4 in IMPLEMENTATION_PLAN.md.