查找实际视口高度 - 减去 chrome答案

【问题标题】：Find actual viewport height - minus the chrome查找实际视口高度 - 减去 chrome
【发布时间】：2011-02-02 18:24:12
【问题描述】：

嗨，

谁能告诉我如何获得实际的视口高度？如果我使用 window.innerHeight 或 $(window).height() (jquery)，我会得到一个看起来像是在考虑浏览器 chrome 的值。我需要实际视口的高度。当我使用 web 开发工具栏 (firefox) 中的标尺插件测量视口高度时，该值与 window.innerHeight 为我提供的值不同。

【问题讨论】：

你能举个例子吗？哪些浏览器会出现这种情况？
window.innerHeight 不考虑浏览器 chrome，window.outerHeight 就是这样做的。它确实包括水平滚动条（如果存在）。
$(window).height() 在 jquery 中只返回视口高度，而不是浏览器高度。
哦，好吧，只是当我发出 window.innerHeight 警报时，我得到 760。但是如果我从屏幕抓取或使用 firefox 插件中的标尺功能测量实际面积，那么我会得到 726。

标签： javascript

【解决方案1】：

你也可以试试：

document.documentElement.clientHeight
document.documentElement.clientWidth

【讨论】：

【解决方案2】：

试试：

document.body.clientHeight
document.body.clientWidth

【讨论】：

获取文档的高度，而不是窗口的高度——即，如果窗口有滚动条，它将获取页面的全长，包括屏幕外的部分。