Скрыть адресную строку и нижний колонтитул Safari - PullRequest
Новая
       25

Скрыть адресную строку и нижний колонтитул Safari

19 голосов
/ 24 апреля 2011

В моем проекте jQuery Mobile я использую следующий код: 

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">

Я получаю адресную строку браузера Safari и нижний колонтитул nav.Как я могу скрыть их, чтобы мое приложение отображалось?

Ответы [ 3 ]

48 голосов
/ 25 апреля 2011

Вы можете настроить несколько метатегов, чтобы сообщить iOS, что ваш сайт может быть добавлен на главный экран в виде веб-приложения.После запуска все элементы Safari будут скрыты.

Ознакомьтесь с разделом «Скрытие компонентов пользовательского интерфейса Safari» здесь .

Вы можете указать запускизображения заставки и пользовательские значки для приложения, отображаемые на главном экране. 

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" />
<link rel="apple-touch-startup-image" href="apple-touch-startup-image-320x460.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="apple-touch-startup-image-768x1004.png" />
3 голосов
/ 24 апреля 2011

Вам не нужен тег <meta>. JQuery Mobile должен позаботиться о сокрытии адресной строки на iOS. Никогда не мог заставить навигационный колонтитул исчезнуть сам.

0 голосов
/ 20 июня 2012

Роб, попробуйте добавить скрипт ниже. Это должно сделать трюк открытия нового запроса в том же окне 

<script type="text/javascript">
    window.onload = function () {
        var a = document.getElementsByTagName("a");
        for (var i = 0; i < a.length; i++) {
            if (a[i].className.match("noeffect")) {
                // Does nothing
            }
            else {
                a[i].onclick = function () {
                    window.location = this.getAttribute("href");
                    return false;
                };
            }
        }
    };
</script>
...