Webslingers' Journal

Web geekery with
Trey and Jason and Jason.

Startup screens for mobile web apps (iPhone 3.0)

webkitbits:

In the most recent iPhone and iPod Touch software upgrade, Apple added the ability to show a startup image for websites saved to a user’s home screen. Until now, these full-screen web apps would simply show a (poorly) compressed screenshot of the previous page viewed or nothing at all. To add a startup screen, simply include a the following tag in the head of your document and create an image in the location referenced by href:

<link rel="apple-touch-startup-image" href="startup.png" />

The PNG can be named anything, but it must be in PNG format and it must be 320x460 pixels. Technically, it seems the PNG displays until the document triggers the ‘ready’ callback, before the window’s ‘loaded’ callback. If I get a chance later, I’ll create a video demo of how it looks.

  1. trovster reblogged this from webkitbits
  2. reconfine reblogged this from webkitbits
  3. niccai reblogged this from webkitbits
  4. bell reblogged this from davidkaneda
  5. webslinger reblogged this from webkitbits
  6. mattschwarz reblogged this from webkitbits
  7. drj reblogged this from webkitbits
  8. davidkaneda reblogged this from webkitbits and added:
    The web app capabilities in...are getting closer and closer
  9. webkitbits posted this
Blog comments powered by Disqus
More Information