Javascript 如何在移动设备上独立于URL栏的当前隐藏/显示状态获取视口高度？

在移动设备上（例如Android上的Chrome），视区高度根据URL/地址栏是否隐藏而变化，而URL/地址栏是否隐藏取决于您在页面上是向上还是向下滚动

鉴于此，我需要两个变量：

显示URL栏时的视口高度（无论实际状态如何）

URL栏未显示时的视口高度（无论实际状态如何）

换句话说：“最小”和“最大”视口高度。我该怎么做呢？我只知道如何获得：

• 给定URL栏当前状态的视口高度（显示/不显示）

---

执行以下操作：

Math.max（document.documentElement.clientHeight，window.innerHeight | | 0）

（源代码：）。

为此，请使用

window.outerHeight

属性：

Window.outerHeight

获取整个浏览器窗口的高度（以像素为单位）。它表示整个浏览器窗口的高度，包括侧栏（如果展开）、窗口浏览器和窗口大小调整边框/控制柄

要扩展功能，只需比较

window.outerHeight

和

window.innerHeight

：

设maxHeight=Math.max（window.innerHeight | 0，window.outerHeight | 0）；
设minHeight=Math.min（window.innerHeight | 0，window.outerHeight | 0）；
console.log（最大高度、最小高度）我想这只能在手机的本地编程语言中实现。%）P如果有其他想法，尽可能去收集
数据。当上下滚动时，想想用户。以及
URL栏的相应行为。这只提供当前视口高度和整个窗口高度。我实际上需要的是没有url栏的视口高度和有url栏的视口高度。整个窗口高度不是没有url栏的视口高度。