iPad website fullscreen in Safari

Question

I am trying to get a website that runs fullscreen for all pages, I have looked over here: iPad WebApp Full Screen in Safari and followed that and my index page fills the screen just nicely, but whenever I click a link to another page even though that page is all setup with the meta tags it pulls the chrome bar back in and all the alignment goes out.

There must be a way or is that a limitation of safari that will be fixed in a later revision.

Answer 1

I have written a jQuery plugin for this exact purpose: https://github.com/mrmoses/jQuery.stayInWebApp

Include the plugin somehow , then run it like so:

$(function() {
    $.stayInWebApp();
});

By default it will attach to all <a /> elements. You can pass a different selector to attach it to specific links. For example, $.stayInWebApp('a.stay'); will attach to all links that have class="stay"

Because its so small, I usually just copy the minified version into one of my other external javascript files to include it, rather than having to add another external js reference.

Also available on plugins.jquery.com