了解浏览器窗口高度（用于jQuery）

Question

使用时：

var size = $(window).height(); 

Firefox控制台向我显示：594

但在这里：http://whatsmy.browsersize.com/

我可以看到我的浏览器高度是：浏览器窗口高度：861

我认为这应该是理所当然的，或者我在这里不理解的是什么？

Answer 1

我想这是因为你的控制台偏移了。它是固定在浏览器的底部吗？如果是：将其弹出并再试一次。

你可以使用window.innerHeight，它是浏览器中可见区域的高度。

browsersize.com上的尺寸是正确的。

Answer 2

我确实进行了快速测试。打印屏幕+在photoshop中测量。通过$(window).width()和$(window).height()与Mac OS X Mountain Lion中 Firefox，Chrome和Safari 的最新版本获得像素完美匹配值。 $(window).width()和$(window).height()显示浏览器“workarea”没有滚动条。

Answer 3

$(window).height()返回浏览器窗口的工作区高度。

您可以阅读here。