javascript - 获取 Chrome 浏览器高度或导航/菜单/工具栏高度

Question

我们如何获取 Chrome 浏览器窗口的实际浏览器高度？在我的测试中，如果浏览器没有使用可用的完整高度，我将很难用 Javascript 计算它的实际高度。

为了我的示例，我的浏览器窗口的高度为 1033 像素。 Chrome 浏览器窗口底部和 Windows 工具栏之间有 7 像素的间距。

我无法找到一种方法来从 Javascript 计算 1033px 的实际高度。如果我知道导航/菜单/工具栏的高度(在我的示例中为 109 像素)，我就能算出高度。

 1040px (screen.availHeight)
- 109px (Nav/Menu Toolbars Height)
-   1px (bottom border)
- 923px (window.innerHeight)
-------
    7px (Height Pixels not used by Browser)

1040px - 7px = 1033px (Browser Actual Height)

Nav/Menu/Toolbars Height: 109px
Browser Height: 1033px
Windows Toolbar: 40px

Values from Javascript:
Screen Size: 1080px
screen.height = 1080
screen.availHeight = 1040
window.outerHeight = 1040
window.innerHeight = 923
$(window).height() = 923

是否有任何 Javascript 方法来获取导航菜单的高度或 Chrome 浏览器窗口的实际高度？

下面是我正在尝试计算的示例图像。

Answer 1

window.outerHeight是整个 Chrome 窗口的大小。如果你想知道 Chrome 的 chrome 占用了多少空间，你可以从 window.outerHeight

中减去 window.innerHeight