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

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

在我的示例中，我的浏览器窗口的高度为1033px。Chrome浏览器窗口底部和Windows工具栏之间有7px分隔

我无法通过Javascript计算1033px的实际高度。如果我知道导航/菜单/工具栏的高度（在我的例子中是109px），我就可以计算出高度

 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浏览器窗口的实际高度

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

---

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

window.outerHeight

中减去

window.innerHeight

。在我的屏幕上，如果我做一个window.outerHeight，我会得到1040px。如果我对同一窗口（alt print screen）进行屏幕截图，图像高度为1033px。我走遍了办公室里的其他一些人，他们的窗户和屏幕截图一样大。我不知道为什么我的chrome浏览器的7px和Firefox浏览器的5px都是关闭的，而其他人的值都是正确的。听起来你应该买一台新电脑；）但是，说真的，我不知道为什么会得到不正确的值-正如MDN页面所指出的，

outerHeight

应该为您提供整个浏览器窗口的度量值。由于我的浏览器显然与其他浏览器的工作方式不同，我决定更改显示设置，将屏幕大小增加125%，这确实使window.outerHeight出错。我想知道我是否会在信任window.outerHeight时遇到问题，因为更改显示设置的人可能会导致window.outerHeight出错。这是可以理解的，这一直是一个令人沮丧的方面-你可以。希望这确实能帮助一些令人沮丧的事情。我希望我能得到导航区域的高度，包括所有的工具栏、扩展等，这将完全解决我的问题。