iphone Mobile Web + удалить интерфейсные панели Safari

Question

никто не знает, как убрать панель сверху и снизу на сафари iphone. Я пишу эту мобильную веб-страницу и не могу избавиться от панели навигации. Это вообще возможно?

Спасибо.

Answer 1

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

<!-- this is the part responsible for hidding the bottom bar -->
<meta name="apple-mobile-web-app-capable" content="yes" />

<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

Единственная проблема заключается в том, что он работает только после того, как пользователь сохранил ссылку на свой рабочий стол iphone.

Надеюсь, это решит ваши проблемы.

Answer 2

Вы не можете удалить полосы сверху и снизу приложения Safari.Я видел приложения, которые встраивают Safari в них без двух полос, но вы не могли сделать это, используя Javascript или тег метаданных на своей странице.

ОБНОВЛЕНИЕ

Существует хитрость, позволяющая скрыть адресную строку путем прокрутки страницы.Как то так:

<script type="application/x-javascript">
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

    function hideURLbar(){
        window.scrollTo(0,1);
    }
</script>

Answer 3

Вы можете включить <meta name="apple-mobile-web-app-capable" content="yes" /> в заголовок. Это удалит две полосы, когда приложение будет bookmarked на трамплине.

Если вы хотите удалить верхнюю панель в мобильном Safari, используйте код Am.