Safari Mobile full screen

iphone web-applications fullscreen iphone-standalone-web-app metatag
Cattani Simone picture Cattani Simone · May 26, 2011 · Viewed 29k times · Source

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

Answer

malinois picture malinois · May 26, 2011 
<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

Related questions

iPhone web app startup screen

I'm working on an iPhone web app where I'm using the "apple-mobile-web-app-capable" meta tag to get "full screen mode". When I lauch the app it shows a picture of the page where I left of the last time while it …

Read More
How to check if an app is installed from a web-page on an iPhone?

I want to create a web-page, a page that will redirect an iPhone to the app-store if the iPhone does not have the application installed, but if the iPhone has the app installed I want it to open the application. …

Read More
How can a web application send push notifications to iOS devices?

I'm working on a web app. How can I send push notifications to iOS users when there is new content?

Read More