Как скрыть нижнюю панель кнопок браузера Safari Mobile в iPhone? - PullRequest
Новая
       1

Как скрыть нижнюю панель кнопок браузера Safari Mobile в iPhone?

7 голосов
/ 08 февраля 2012

Ниже приводится головной раздел: 

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <meta name="apple-touch-fullscreen" content="yes" />
    <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="/custom_icon.png"/>
    <link rel="apple-touch-startup-image" href="/startup.png">

    <script src="http://www.google.com/jsapi"></script>

    <script>
      window.top.scrollTo(0, 1);
      alert('ok');
      google.load("jquery", "1.4.1");
      google.load("jqueryui", "1.8.0");
    </script>

</head>

с использованием iOS 4.2.1

Выше не работает для меня. Адресная строка браузера и нижняя панель инструментов все еще там. Я пробовал некоторые уроки, но я ничего не могу изменить. Есть идеи?

Ответы [ 3 ]

17 голосов
/ 17 апреля 2014

Для iOS 7.1 вы можете установить это в своем заголовке, чтобы минимизировать интерфейс: 

<meta name="viewport" content="width=device-width, minimal-ui">

Он был представлен в iOS 7.1 beta 2. Этот сайт помог мне понять, как работает minimal-UI: http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs

8 голосов
/ 08 февраля 2012

Вы не можете программно скрыть панель инструментов в Mobile Safari.

Ваши пользователи должны добавить ваше веб-приложение на свои домашние экраны, чтобы панели были скрыты при следующем запуске приложения, нажав на его значок.Это можно сделать, нажав среднюю кнопку на панели инструментов и выбрав Добавить на главный экран .Для этого вам может потребоваться отобразить сообщение, информирующее ваших пользователей.

5 голосов
/ 08 февраля 2012

Вы можете использовать этот небольшой полезный проект JS, чтобы помочь вашему пользователю добавить страницу на домашний экран: Добавить 2 дома

...