There was a lot of buzz when the iPhone OS 2.1 came out about the ability to run web applications without Mobile Safari. See
this article at Apple Insider if you missed the news.
The only catch is that it will only work for web applications that have been specifically programmed for that functionality.
So what if you want to have the full-screen no-Safari functionality on web apps that haven't included the line of code that enables full-screen mode on home screen bookmarks (such as
Google Reader? You have a few options...
You could write an email a day to the developer and beg them to implement it.
You could break in to the developer's home and steal their code, then implement the web application yourself with full-screen mode enabled.
...OR...
You could do it yourself by bookmarking your own simple HTML file that loads in full-screen mode, then redirects to the web application using javascript. I'll give the code to do this below, but note that it requires you to have your own hosting provider to put the html file up (any free one should work, preferably one that doesn't mess with the HTML to insert ads and whatnot).
Here's the code for a full-screen Google Reader:
01 <html>
02 <head>
03 <title>Reader</title>
04 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
05 <meta name="apple-touch-fullscreen" content="yes" />
06 <meta name="apple-mobile-web-app-capable" content="yes" />
07 <link rel="apple-touch-icon" href="http://www.google.com/reader/ui/iphone-icon.png" />
08 <script type="text/javascript">
09 //location.href='http://www.google.com/reader/i/';
10 </script>
11 </head>
12 <body>
13 </body>
14 </html>
Throw that file onto the web, browse to it in mobile safari, and add it to your homescreen. Voila! Full-screen reader, right? Not quite yet.
Note that on line #09 the javascript that redirects the browser to Google Reader is commented out. You have to do this initially in order to bookmark the page. After you've added the file to your homescreen, remove the "//" from line #09 and save the file in place of the one you bookmarked. From now on, when you click the homescreen icon for your file, it will load on your iPhone in full-screen mode, and redirect you to Google Reader instantly.
The nifty thing about this is that you can do it for any website at all, not just web applications. You just need to change the location line on line #09 to any URL you want. Other things you'd probably want to reconfigure for different apps:
The text of the <title> tag on line #03 is the default name of the icon when adding it to your homescreen (but you can change this on the fly when adding the bookmark anyway).
The "viewport" meta tag on line #04 should be ok for most web apps, but you might want to change or remove it for regular websites if you want to be able to pinch-zoom and scroll around on them.
The "apple-touch-icon" link on line #07 is the icon that the bookmark will display on your homescreen. You can point this to the webapp's real icon by copying it from their site, or create your own.
I hope you enjoy this brave new world of Safari-less web browsing!
