javascript - 移动设备 - iOS - Safari - window.outerHeight 返回 0

Question

我遇到了 window.outerHeight 的问题。

在移动设备的 Safari 浏览器上运行时返回 0。我已经在 Android (Chrome) 上对其进行了测试，它运行良好。

我在 iOS9 上。

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

这不是时间问题。

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

alert(window.outerHeight);

通过检查手机上的高度属性，您可以看到 Safari 上有很多错误:

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

干杯!

Answer 1

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

窗口内部高度

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

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

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

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

干杯。