Веб-сайт iPad полноэкранный в Safari

Question

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

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

Answer 1

Я написал плагин jQuery для этой конкретной цели: https://github.com/mrmoses/jQuery.stayInWebApp

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

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

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

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

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

Answer 2

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

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