javascript - 检测移动 Safari / Android 浏览器导航栏何时通过 JavaScript 缩回

Question

我正在尝试在移动设备上创建一个填充整个视口宽度和高度的 div。问题是，Mobile Safari 和 Android 浏览器有一个导航菜单，一旦用户开始与页面交互，该菜单就会消失。导航栏使视口高度变小，但是当它消失时，我找不到可以收听的 javascript 事件，因此我可以获得视口高度和宽度的更新值。

当 Mobile Safari 的导航菜单从视图中缩回时，是否会触发 JavaScript 事件？我希望有一个可以收听的事件，而不是每 x 毫秒触发一个计时器来检查视口高度。

当我说“导航栏”时，这是一个解释术语的图表

Answer 1

既然可见区域发生变化就window.onresize应该开火。尝试：

window.onresize = function(event) { /* your stuff */ };