iPad fullscreen website im Safari

Ich versuche, eine website, die läuft fullscreen für alle Seiten, ich habe mir hier: iPad WebApp Vollbildmodus in Safari und befolgt, und meine index-Seite füllt den Bildschirm nur schön, aber immer wenn ich auf einen link zu einer anderen Seite, obwohl, die Seite ist alle setup mit den meta-tags zieht es die Chromleiste hinten und die Ausrichtung geht.

Muss es einen Weg geben oder ist das eine Einschränkung von safari, die behoben werden in einer späteren revision.

  • viel Glück finden eine Lösung-ich habe versucht, mehrere, nichts funktioniert--
InformationsquelleAutor Liquidkristal | 2010-10-06
  1. 4

    Ich geschrieben habe ein jQuery-plugin für genau diesen Zweck: https://github.com/mrmoses/jQuery.stayInWebApp

    Gehören das plugin irgendwie , dann läuft es etwa so:

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

    Standardmäßig hängen alle <a /> Elemente. Übergeben Sie einen anderen Selektor zum befestigen an spezifischen links. Zum Beispiel $.stayInWebApp('a.stay'); hängen alle links, die class="stay"

    Weil es so klein ist, ich in der Regel kopieren Sie einfach die minified-version in einer meiner anderen externen javascript-Dateien, um Sie einzuschließen, anstatt Sie zum hinzufügen einer weiteren externen js-Referenz.

    Auch auf plugins.jquery.com

    • Das funktioniert nicht, Mann .
    • es funktioniert für mich auf mehrere Projekte. bitte geben Sie weitere detials
    • Funktioniert auf jeden Fall. Setzen Sie einfach die Funktion in ein ready-Funktion wie folgt: $(document).ready(function(){ $.stayInWebApp(); }); ich habe nur Hinzugefügt, dass das Skript, damit ich nicht haben, um für eine andere js-Datei.
    • Leider ist dieser code hat keine open-source-Lizenzen oder anderweitig, und es dauert deshalb der default-status des seins urheberrechtlich geschützt. Es ist eine mögliche Verletzung des Urheberrechts zu verwenden, den code in seiner aktuellen form.
    • Dies ist sehr nützlich, vielen Dank für das teilen moses. Ich fand ich oft behalten wollen absolute urls mit dem gleichen Ziel, also änderte ich diese Zeile in das plugin: if (!dest.match(/^http(s?)/g) || dest.lastIndexOf(location.Ursprung, 0) === 0) {
    InformationsquelleAutor Alpha Codemonkey
  2. 1

    Können Sie versuchen, so etwas wie dieses:

    if ((navigator.userAgent.indexOf('iPad') != -1)) {
    //for standalone (app) fulscreen mode
    if (window.innerHeight == 748 || window.innerHeight == 1004) { 
        var a = document.getElementsByTagName("a");
        for (var i = 0, len = a.length; i < len; i++) {
            if (a[i].getAttribute("href");) {
                a[i].onclick = function() {
                    window.location = this.getAttribute("href");
                    return false;
                }
            }
        }
    }
}
    InformationsquelleAutor webXL
Schreibe einen Kommentar