Javascript window.innerHeight在Chrome的烘焙UI元素之间保持一致

我确信这是一个预期的工作，但我觉得有点痛苦

在Chrome和其他浏览器中

通常，window.innerHeight会给出801的示例

如果我有一个控制台沿屏幕的下半部分水平打开，这会改变我的window.innerHeight。如果我下载了一些东西，这会在窗口底部弹出一个条，并更改window.innerHeight

我没有打开开发工具来让我的站点感到崩溃

在javascript中是否有一个不同的度量来忽略UI

我不想要外套宽度，因为这包括窗口标签的高度，它们在跨浏览器时不一致

---

我基本上希望无论是否存在任何chrome ui元素，高度都保持一致。

我不认为您可以得到确切的数字！最接近的方法是使用以下方法计算可用高度减去操作系统任务栏等：

window.screen.availHeight

MDN说：

返回屏幕上窗口可用的垂直空间量 屏幕

我做了一个jsfiddle来尝试它

---

这不是一个很好的窗口吗？outerHeight？outerHeight产生的效果和可用的一样。看小提琴并不总是如此！如果调整浏览器窗口的大小，外部高度会改变，但可用高度保持不变！outerHeight是否会更改取决于是否使用其他工具栏？降低内部高度据我所见，外部高度是当前窗口的大小，因此所有浏览器工具栏都包括在内。