Можно ли скрыть адресную строку и строку состояния в iOS 7 Safari?


12

Можно ли скрыть адресную строку и строку состояния в iOS 7?

В альбомном приложении в настоящее время я использую приведенный ниже код, чтобы сделать это для предыдущих версий iOS, и он хорошо работает даже в IOS 7: при открытии страницы он переходит в полноэкранный режим и остается таковым.

JS:

window.addEventListener("load",function() {
    // Set a timeout...
    setTimeout(function(){
        // Hide the address bar!
        window.scrollTo(0, 1);
    }, 0);
});

HTML:

<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

Дело в том, что на iOS 7 iPhone и iPad при нажатии на нижнюю часть экрана появляются адресная строка и строка состояния, и единственный способ избавиться от них - изменить ориентацию телефона, а затем изменить его на прежнюю. Есть ли способ избежать этой манипуляции?


Много ответов на этот уже stackoverflow.com/questions/18813476/…
AllInOne

Я не вижу ответа на SO, который более эффективен, чем пример кода здесь. Хм ...
Bmike

Ответы:


15

Есть способ:<meta name="viewport" content="minimal-ui”>
( но он работает только на iOS 7.1 - не на 7.0 и не на 8.0 )

источник: StackOverflow


Более подробная информация, начиная с iOS 7.1 beta 2: журнал изменений и заметки о выпуске :

Safari Notes

Для ключа метатега области просмотра добавлено свойство minimal-ui, позволяющее минимизировать верхнюю и нижнюю панели iPhone при загрузке страницы. На странице с использованием minimal-ui нажатие на верхнюю панель возвращает панели обратно. Повторное нажатие на содержание снова отклоняет их.

Например, использовать <meta name=”viewport” content=”width=1024, minimal-ui”>.


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

введите описание изображения здесь


Я подожду финального релиза, чтобы попробовать, а затем приму ваш ответ. Большое спасибо.
svassr

Хммм. Я использую 7.1.1, и ваше веб-приложение, указанное выше, НЕ скрывает адресную строку и т. Д. При загрузке. Они сломали это в 7.1.1?
Брайан Б

7
Это было удалено в iOS8.
Чарли Шлиссер

1
Проверьте этот пост о реализации IOS8: stackoverflow.com/questions/24889100/…
svassr

1

Я видел, что это рекомендуется. <meta name="apple-mobile-web-app-capable" content="yes"> Он запускает сайт в автономном режиме, который скрывает пользовательский интерфейс. Мне неясно, как это соотносится с решением с минимальным пользовательским интерфейсом выше. У меня сложилось впечатление, что это решение работает и для версий iOS до 7.1.


5
Это решение работает только для веб-страницы, которую вы добавляете в качестве приложения на домашний экран.
svassr
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.