Comments on: iPhone Web Apps running at full screen

By: HiveHicks

HiveHicks — Mon, 17 Aug 2009 13:58:44 +0000

There’s a halfhearted measure to the “onorientationchange bug” in full-screen mode.
We can execute the following piece of code periodically (e.g. once in a second):

var h = window.innerHeight;
var landscape = (h < 460 && h != 140) ? ‘landscape’ : ‘portrait’;

and, based on the result, fire a custom onorientationchange event when the current orientation is different from the previous one.
I suppose it’ll lead to unjustified performance loss, but I don’t know how to overcome this bug in a more elegant fashion.

By: DocMarten

DocMarten — Sat, 08 Aug 2009 16:46:02 +0000

oops. All the HTML went into the link…
Trying again without ><

From the “Lists” page, I call functions via a href as follows:

“div style=”display: none;” class=”iLayer” id=”waImage” title=”List with image”"
“div style=”min-height: 699px;” class=”iList”"
“ul class=”iArrow”"
“li class=”"”
“a href=”index.php?action=close_shaders”"
“img src=”/image.png” height=”29″” “em “CLose Shaders “/em”
“/a”
“/li”

By: inano

inano — Thu, 05 Mar 2009 10:48:09 +0000

my html code didn’t go through in my last post.

just replace names with name and it’ll work.

and optionally replace black-translucent with black if you want a complete black status bar.

By: inano

inano — Thu, 05 Mar 2009 10:46:07 +0000

For those that didn’t catch it, the last line was incorrect. Correct one will be meta name and not meta names.

Correct line:

If you don’t like the see through look, you can use the complete black status bar:

By: Rygar

Rygar — Thu, 20 Nov 2008 02:04:37 +0000

Well it almost works, I’m trying to create a little prototype with simple hotspots linking together a series of images. However, when linking to a new page it opens a NEW window in Safari?! Any ideas? there doesn’t seem to be much documentation on this topic…

By: chini21

chini21 — Mon, 06 Oct 2008 22:48:20 +0000

Hi,

While this is great, has anybody looked at why the web app won’t respond to “onorientationchange” events? The browser does not rotate to landscape and fire the orientationchange event.

Any ideas?

Thanks

By: jgilfelt

jgilfelt — Mon, 06 Oct 2008 09:08:04 +0000

I think you will find that the user-scalable=0 option of the viewport meta tag is what is disabling the zoom function. I actually really like this feature, it is like a Site Specific Browser for mobile Safari. Great for frameworks like iUI and WebApp.net, which currently use JavaScript tricks to “hide” the address bar.

By: delarge

delarge — Mon, 06 Oct 2008 08:27:31 +0000

Shouldn’t the last tag be “name” instead of “names”?

By: Yves

Yves — Sun, 05 Oct 2008 14:48:52 +0000

I wouldn’t recommend this technique…
It breaks the zoom feature .. that’s very frustrating for any user, it also become an accessibility/readability problem.

By: Jordan

Jordan — Sat, 04 Oct 2008 05:52:18 +0000

Tips such as this one are readily available from the “Safari Web Content Guide for iPhone OS”.
http://developer.apple.com/webapps/docs/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/chapter_8_section_3.html

By: tlrobinson

tlrobinson — Fri, 03 Oct 2008 21:50:57 +0000

Apparently you have to save the app to your home screen for this to work.

By: iiaann

iiaann — Fri, 03 Oct 2008 21:33:39 +0000

I’m running 2.1 (5F136) and I too see both top and bottom bars :-/

By: jsmecham

jsmecham — Fri, 03 Oct 2008 21:21:13 +0000

Ah, I stand corrected. Just tried it on my iPhone with the released version of 2.1 and it does in fact work.

By: jsmecham

jsmecham — Fri, 03 Oct 2008 21:17:26 +0000

I’m fairly certain that this feature is part of an unreleased version of the iPhone OS. That would mean that this post is in violation of the NDA as the NDA was only lifted for released versions of the OS and tools.

By: tlrobinson

tlrobinson — Fri, 03 Oct 2008 21:12:57 +0000

This is supposed to work in normal MobileSafari, or a custom WebView wrapper?

Both top and bottom bar are still visible for me.