Two very interesting/cool things I've found when testing the new meta- tags that I thought I would share.
1) the apple-mobile-web-app-capable meta tag can be added via a javascript bookmarklet to a page, and safari will save it as a fullscreen webapp. Hence one can enable a fullscreen homepage bookmark for a website that does not have this meta tag set on the server. (The black-translucent value can be set on the other tag, but it is overriden when the page loads with the default "white") 2) webapps that are fullscreen enabled can run concurrently with the modal quicktime plug-in running in the background from standard mobile safari. This is very cool because it means that you can start listening to a podcast or other web audio in regular non-fullscreen safari, the user can switch over to one of the homescreen bookmarked fullscreen webapps to browse the web while listening in the background. Of course this doesn't work real well over edge which is probably one of the reasons we have a modal quicktime plugin. (a corollary to this is that the quicktime plugin running from a fullscreen webapp stops playing as soon as the webapp is minimized-- this actually leads me to believe that the fullscreen webapps are running in a separate mobile safari application developed using the iPhone SDK which doesn't allow background processes.) On Sep 30, 8:04 am, Pierre Bussière <[EMAIL PROTECTED]> wrote: > Well, I did it. In the head section of my html page : > <meta name="apple-mobile-web-app-capable" content="yes" /> > <meta name="apple-mobile-web-app-status-bar-style" content="black- > translucent" /> > > Tested on an iPhone with firmware 2.1 : it works just fine. > > Those are the only two things that are needed, aren't they ? Or does > it need these lines too ? They were already in my app : > <meta name="viewport" content="minimum-scale=1.0, width=device- > width, maximum-scale=1, user-scalable=no"> > <link rel="apple-touch-icon" href="Images/HomeScreenIcon.png"> > > Le 30 sept. 08 à 14:21, Kris Ziel a écrit : > > > > > I have tried getting this work wonk on all sites, but I still can't > > figure out how to get it working. I ad the icon to my homescreen, and > > then I have reset the phone, and when it boots back up, clicking the > > icon still loads it normally. > > > On Sep 29, 2008, at 1:20 PM, Michael Stearne wrote: > > >> Works for me although the iLounge didn't work. Looks good. > > >> Michael > > >> On Mon, Sep 29, 2008 at 2:58 PM, Chrilith <[EMAIL PROTECTED]> wrote: > > >>> I just added fullscreen support to webapp.net > >>> You can test the demo right now onhttp://webapp.net.free.fr/Demo/ > > >>> The new version 0.3.9 will come the week. Don't miss it!! :) > > >>> On Sep 28, 12:09 pm, Pierre Bussière <[EMAIL PROTECTED]> > >>> wrote: > >>>> This feature is for Web apps, not Web sites. Since there is no > >>>> back/ > >>>> forward buttons, that wouldn't make sense otherwise. > >>>> Navigation within a true Web app is within a unique html page where > >>>> everything is done by Javascript, like in widgets. So in full > >>>> screen > >>>> mode, it will print any new "screen" (not page) without re-opening > >>>> Safari. > > >>>> Pierre > > >>>> Le 28 sept. 08 à 09:53, Chrilith a écrit : > > >>>>> Nice, but what is the purpose of this feature? Each time you tap > >>>>> on a > >>>>> link it opens Safari. > >>>>> Is it posibble to navigate from within the app itself? > > >>>>> On Sep 26, 8:21 pm, Chris Alexander > >>>>> <[EMAIL PROTECTED]> > >>>>> wrote: > >>>>>> Jerrod, Michael, Everyone > > >>>>>> As the originator of this thread thanks so much! I tried the > >>>>>> iLounge link and sure enough it works! > > >>>>>> Best regards, > > >>>>>> Chris > > >>>>>> ----- Original Message ---- > >>>>>> From: Jerrod H <[EMAIL PROTECTED]> > >>>>>> To: iPhoneWebDev <[email protected]> > >>>>>> Sent: Friday, September 26, 2008 10:04:58 AM > >>>>>> Subject: Re: Safari Full Screen Mode in 2.1? > > >>>>>> It works!!! > > >>>>>> Thanks so much for pointing me to this _new_ meta tag. I had the > >>>>>> old > >>>>>> one lying dormant waiting for it to suddenly work, but this new > >>>>>> tag > >>>>>> did the trick. > > >>>>>> As was mentioned above, this only works once the app is added to > >>>>>> your > >>>>>> home screen. Try it with mine: > > >>>>>>http://www.ilounge.com/mobile/ > > >>>>>> - Jerrod > > >>>>>> On Sep 17, 1:44 pm, "Michael Stearne" <[EMAIL PROTECTED]> wrote: > >>>>>>> On Tue, Sep 16, 2008 at 11:26 PM, cyberguy > >>>>>>> <[EMAIL PROTECTED]> > >>>>>>> wrote: > > >>>>>>>> Yes, the navigation and toolsbars should go away. I've tried it > >>>>>>>> myself > >>>>>>>> and it doesn't appear to work. > > >>>>>>>> The 2 meta tags are: > > >>>>>>>> <meta name="apple-mobile-web-app-capable" content="yes" /> > >>>>>>>> <meta name="apple-mobile-web-app-status-bar-style" > >>>>>>>> content="black- > >>>>>>>> translucent" /> > > >>>>>>>> this is in the 2008-09-09 Chapter 7, Configuring Web > >>>>>>>> Applications > >>>>>>>> spec. > > >>>>>>> Thanks --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en -~----------~----~----~----~------~----~------~--~---
