Javascript 如何识别移动设备中的地址栏？

在任何网站中向下或向上滚动时，地址栏将显示/隐藏。我希望确定酒吧何时隐藏或可见

示例：

if (chromeBarIsHidden()) {
console.log('a');
} else {
console.log('b');
}

没有确切的解决办法 在任何浏览器中都没有本机方法来执行此操作。但是，使用尺寸标注和窗口大小调整事件，已经开发出解决方案。但是，除非绝对必要，我不建议这样做，原因如下：

• 浏览器可能位于具有窗口调整功能的计算机上，导致

  window.onresize

  事件无法准确表示更改
• 不同的移动浏览器以不同的方式处理顶部栏的隐藏。如果您确定客户端在Android Google Chrome上，上述解决方案可能会起作用
• 用户可能希望网页中的UI元素随着顶部应用程序栏的隐藏而移动，从而导致网页之间的用户体验不一致

---

选择

window.onresize

事件 每当浏览器的窗口大小更改时，

window.onresize

事件将触发。这可用于通过不同窗口大小的JavaScript调整页面大小和更改页面布局。要使用它，请参见下面的示例

window.onresize = function() {
    // Do something on resize
}

window.innerHeight

属性

window.innerHeight

属性返回视口的视图高度。这可用于确定布局布置是否需要根据高度进行更改

var windowHeight = window.innerHeight;

---

响应式设计 这是一个更好的替代方法，可以根据视口大小进行更改，而视口大小在地址栏隐藏时会发生更改。看