通過JavaScript檢測Mobile Safari / Android瀏覽器導航欄何時收回

Question

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

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

這是一張圖表，解釋了我說“導航欄”時的術語

Answer 1

由於可見區域已更改，因此應觸發window.onresize 。 嘗試：

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