Witryna na iPada w trybie pełnoekranowym w przeglądarce Safari

Question

Próbuję uzyskać stronę internetową, która działa w trybie pełnoekranowym dla wszystkich stron. Zajrzałem do tej strony: iPad WebApp Full Screen in Safari, a następnie moja strona indeksu ładnie wypełnia ekran, ale za każdym razem, gdy kliknę link do innego strona, mimo że ta strona jest skonfigurowana z metatagami, to przywraca chromowane paski i wszystkie wyrównania znikają.

Musi istnieć sposób lub jest to ograniczenie safari, które zostanie naprawione w późniejszej wersji.

Answer 1

Można spróbować czegoś takiego:

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; 
       } 
      } 
     } 
    } 
} 

Answer 2

napisałem plugin jQuery dla dokładnego tym celu: https://github.com/mrmoses/jQuery.stayInWebApp

obejmują wtyczki jakoś, a następnie uruchomić go tak:

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

Domyślnie zostanie dołączony do wszystkich elementów <a />. Możesz przekazać inny selektor, aby dołączyć go do konkretnych linków. Na przykład, $.stayInWebApp('a.stay'); dołączy do wszystkich linków, które mają class="stay"

ponieważ jej tak małe, zwykle wystarczy skopiować wersję minified do jednego z moich innych zewnętrznych plikach javascript, aby uwzględnić go, zamiast dodać kolejny zewnętrzny js odniesienia.

również dostępny na plugins.jquery.com