移動Safari/Android瀏覽器導航欄通過JavaScript縮進時檢測

Question

我正在嘗試創建一個填充移動設備上整個視口的寬度和高度的div。問題是，移動Safari和Android瀏覽器有一個導航菜單，一旦用戶開始與頁面交互，該菜單就會消失。導航欄使視口高度更小，但當它消失時，我無法找到任何可以聽到的javascript事件，因此我可以獲取視口高度和寬度的更新值。

Mobile Safari的導航菜單從視圖中縮回時是否觸發了JavaScript事件？我希望有一個我可以聽的事件，而不是每x毫秒發一個計時器來檢查視口高度。

這裏有一個圖表，當我說「導航欄」

Answer 1

由於可視面積變化window.onresize應該火解釋的術語。試試：

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