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

Question

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

就我的示例而言，我的浏览器窗口的高度为 1033 像素。Chrome 浏览器窗口底部和 Windows 工具栏间隔 7 像素。

我无法找出从 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 浏览器窗口的实际高度？

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

Answer 1

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