Чи можливо сховати адресний рядок та рядок стану в 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

Я не бачу відповіді на ТАК, яка є більш робочою, ніж код прикладу. Хм ...
bmike

Відповіді:


15

Є метод:<meta name="viewport" content="minimal-ui”>
( але він працює лише на iOS 7.1 - не на 7.0, ні 8.0 )

джерело: StackOverflow


Більш детально, з iOS 7.1 beta 2 журналу змін та приміток до випуску :

Нотатки сафарі

Для мета-тегів viewport додано властивість, мінімальна-ui, яка дозволяє мінімізувати верхню та нижню смуги на iPhone під час завантаження сторінки. Перебуваючи на сторінці, використовуючи мінімальний інтерфейс, натискання на верхню панель повертає смуги. Якщо повернутися до вмісту, їх знову відхиляється.

Наприклад, використання <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.