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

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

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

下面是一张图表，解释了我说的导航栏时的术语

---

由于可见区域已更改，Windows.onresize应启动。尝试：

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