Мобильный - iOS - Safari - window.outerHeight возвращает 0

Question

У меня проблема с window.outerHeight.

Возвращает 0 при запуске в браузере Safari на мобильном устройстве. Я проверил его на Android (Chrome), и он отлично работает.

Я на iOS9.

Я хочу знать, есть ли решение или альтернатива, которая поддерживается на старых устройствах.

Это не проблема времени.

Откройте следующее на вашем iPhone: http://jsfiddle.net/hfq0Ly1w/

alert(window.outerHeight);

Вы можете увидеть множество ошибок в Safari, проверив свойства высоты на вашем телефоне здесь:

http://ryanve.com/lab/dimensions/

Ура!

Answer 1

Safari устанавливает / читает значение высоты по-разному. Если вы используете следующее, вы будете в порядке:

window.innerHeight

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

Вы можете увидеть это по ссылке, которую я предоставил:

http://ryanve.com/lab/dimensions/

Android не будет принимать во внимание панель инструментов. С JS невозможно динамически определить высоту панели инструментов.

Приветствия.