手机 - iOS - Safari - window.outerHeight returns 0

Mobile - iOS - Safari - window.outerHeight returns 0

我遇到了 window.outerHeight 的问题。

它 returns 0 当 运行 在移动设备上的 Safari 浏览器上。我已经在 Android (Chrome) 上对其进行了测试,它工作正常。

我在 iOS9.

我想知道是否有旧设备支持的解决方案或替代方案。

这不是时间问题。

在 iPhone 上打开以下内容: http://jsfiddle.net/hfq0Ly1w/

alert(window.outerHeight);

您可以在此处检查 phone 的高度属性,从而发现 Safari 上存在很多错误:

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

干杯!

Safari 以不同方式设置/读取高度值。如果您使用以下内容,您会没事的:

window.innerHeight

上面的计算是正确的,即使它看起来是错误的。如果浏览器工具栏出现在滚动条上,它还会调整高度。

您可以在我提供的 link 上看到这种情况:

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

Android 不会考虑工具栏。无法使用 JS 动态计算工具栏高度。

干杯。