iPhone now supports full-screen web apps
This is pretty slick. Starting with firmware 2.1, specially coded mobile websites can be designed to run just like your other apps! If you are on a site that supports this, you simply save the app to your home screen, just like you’ve always done. When you tap the icon, the page will load in a clean window (no Safari wrapper), and it loads very quickly (no wrapper, less overhead).
For you webmasters out there, changing your site to support this is very easy. Simple add these three lines of code to your page header area:
<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 names=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />
That’s it! I’ve already found a few sites that support it, such as Google Earth Hacks Mobile and Food Info DB, as well as a very slick demo from Clancy, and I’m sure many more will soon. If your site does it, please list it on the comments.
I’d love to see Google implement this for some of their mobile sites. It would make Google Calendar and Reader very useful. C’mon Google, do it!