我已经与这个问题斗争了很长时间（因为我的插件的错误）并且我找到了如何在 Mobile Safari 中获得适当的窗口高度的方法。

无论缩放级别是多少，它都可以正常工作，而无需减去具有预定义状态栏高度的屏幕高度（将来可能会发生变化）。它适用于 iOS6 全屏模式。

一些测试（在屏幕尺寸为 320x480 的 iPhone 上，横向模式下）：

// Returns height of the screen including all toolbars
// Requires detection of orientation. (320px for our test)
window.orientation === 0 ? screen.height : screen.width


// Returns height of the visible area
// It decreases if you zoom in
window.innerHeight


// Returns height of screen minus all toolbars
// The problem is that it always subtracts it with height of the browser bar, no matter if it present or not
// In fullscreen mode it always returns 320px. 
// Doesn't change when zoom level is changed.
document.documentElement.clientHeight 

以下是检测高度的方法：

var getIOSWindowHeight = function() {
    // Get zoom level of mobile Safari
    // Note, that such zoom detection might not work correctly in other browsers
    // We use width, instead of height, because there are no vertical toolbars :)
    var zoomLevel = document.documentElement.clientWidth / window.innerWidth;

    // window.innerHeight returns height of the visible area. 
    // We multiply it by zoom and get out real height.
    return window.innerHeight * zoomLevel;
};

// You can also get height of the toolbars that are currently displayed
var getHeightOfIOSToolbars = function() {
    var tH = (window.orientation === 0 ? screen.height : screen.width) -  getIOSWindowHeight();
    return tH > 1 ? tH : 0;
};

这种技术只有一个缺点：当页面放大时它不是像素完美的（因为window.innerHeight总是返回四舍五入的值）。当您在顶部栏附近放大时，它也会返回不正确的值。

自从你问这个问题一年过去了，但无论如何希望这会有所帮助！:)

我有一个类似的问题。它与两件事有关：

Box-sizing CSS3 属性： 在.height() jQuery 文档中，我发现了这个：

请注意， .height() 将始终返回内容高度，无论 CSS box-sizing 属性的值如何。从 jQuery 1.8 开始，这可能需要检索 CSS 高度加上 box-sizing 属性，然后在元素具有 box-sizing:border-box 时减去每个元素上的任何潜在边框和填充。为了避免这种惩罚，请使用 .css("height") 而不是 .height()。

这可能适用于$('body').height().

文档就绪 vs Window.load

$(document).ready()当 DOM 准备好用于 JS 时运行，但图像可能尚未完成加载。使用$(window).load()解决了我的问题。阅读更多。

我希望这有帮助。

现在是 2015 年，我们现在在 iOS 8 上。iOS 9 已经迫在眉睫。这个问题仍然存在于我们身上。叹。

我已经为jQuery.documentSize 中的窗口大小实现了一个跨浏览器的解决方案。它远离任何类型的浏览器嗅探，并且已经过大量的单元测试。这是它的工作原理：

• 调用视觉视口$.windowHeight()的高度。这是您在当前缩放级别在视口中实际看到的区域的高度，以 CSS 像素为单位。
• 调用布局视口$.windowHeight( { viewport: "layout" } )的高度。这是可见区域在 1:1 缩放时的高度 - “原始窗口高度”。

只需为您的任务选择合适的视口，您就完成了。

在幕后，计算大致遵循@DmitrySemenov的答案中概述的过程。我已经写过关于SO 其他地方涉及的步骤。如果您有兴趣，请查看它，或者查看源代码。

试试这个 ：

var screenHeight = (typeof window.outerHeight != 'undefined')?Math.max(window.outerHeight, $(window).height()):$(window).height()

跨浏览器解决方案由 jQuery 设置

使用此属性： $(window).height()

这将返回一个 int 值，该值表示以像素为单位的浏览器可见屏幕高度的大小。