检测Mobile Safari / Android浏览器导航栏何时通过JavaScript收回

Question

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

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

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

Answer 1

由于可见区域已更改window.onresize应该触发。尝试：

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