Hide the iPhone status bar in a web application?
Unfortunatly, no. There are only two options black
and black-translucent
. Just note that with black-translucent
part of the web frame will be partially visible under the status bar while using black
actually pushes the web frame down so it's height is a little smaller.
This is what Apple says in their documentation:
<meta name="apple-mobile-web-app-status-bar-style" content="black">
This meta tag has no effect unless you first specify full-screen mode as described in “apple-mobile-web-app-capable.”
If
content
is set todefault
, the status bar appears normal. If set toblack
, the status bar has a black background. If set toblack-translucent
, the status bar is black and translucent. If set todefault
orblack
, the web content is displayed below the status bar. If set toblack-translucent
, the web content is displayed on the entire screen, partially obscured by the status bar. The default value isdefault
.
I've seen that you might have to remove the web application from your home screen, and then add it again, if you've added the meta tag, for it to make any difference. Worked for me.
This is not possible.