iPad в полноэкранном режиме в Safari

Question

Я пытаюсь получить веб-сайт, который работает в полноэкранном режиме для всех страниц, я просмотрел здесь: iPad WebApp Full Screen in Safari и после этого, и моя индексная страница заполняет экран только красиво, но всякий раз, когда я нажимаю ссылку на другую даже если эта страница настроена с помощью метатег, она снова возвращает хром-бар, и все выравнивания гаснут.

Должен быть способ или это ограничение сафари, которое будет исправлено в более поздней редакции.

Answer 1

Вы можете попробовать что-то вроде этого:

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

я написал плагин JQuery для точной цели: https://github.com/mrmoses/jQuery.stayInWebApp

Include плагин каким-то образом, а затем запустить его следующим образом:

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

По умолчанию он будет прикреплен ко всем <a /> элементам. Вы можете передать другой селектор, чтобы прикрепить его к определенным ссылкам. Например, $.stayInWebApp('a.stay'); будет приложить ко всем ссылкам, которые имеют class="stay"

, потому что его так мало, я обычно просто скопировать уменьшенную версию в одном из моих других внешних файлов JavaScript, чтобы включить его, вместо того, чтобы добавить еще один внешнюю JS ссылки.

Также доступны на plugins.jquery.com