Friday, March 20th

Status bar styles for iPhone web apps

To change the status bar, the short bar with the time and carrier information, style for full screen web apps, place the following code in the <head> tag:

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

Possible options include default, black, and black-translucent, which overlays the black strip on top of your content.

Note that using black-translucent changes the viewable height of the page and should be accommodated for in your CSS.

  1. zhusee2 reblogged this from webkitbits and added:
    Pretty cool, but I’m wondering if developing a native app would be better… The later can provide (maybe) a faster...
  2. tbeseda reblogged this from webkitbits and added:
    Now, that’s slick!
  3. julianstahnke reblogged this from webkitbits and added:
    Hm. Maybe I’ll get back into web dev?
  4. iamdanw reblogged this from webkitbits
  5. webkitbits posted this