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

Ниже приведен раздел head:

<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

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

7
css html iphone mobile-safari

3 ответов

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

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

8

для 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

14

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

5