I'm trying to set the full screen mode on my iPhone Web App, I have read the Apple's documentation on apple-mobile-web-app-capable meta tag, but it doesn't work, can you help me? Thanks
Not all platforms are equal. iOS Safari doesn't have a fullscreen API, but we do on Chrome on Android, Firefox, and IE 11+. Most applications you build will use a combination of the JS API and the CSS selectors provided by the fullscreen specification.
Comments: 3 Responses to “How Do I Open Safari To Full Screen?” Go to System Preferences, General, then uncheck "Close windows when quitting an app." Otherwise, when you quit Safari, it closes the open windows, including your full screen one, and you don't get it back when you start again.
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
Make sure you do what Bala Clark mentioned
Its worth mentioning that these tags only work when the app is saved the home screen and launched from there
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With