如何獲取實時瀏覽器的屏幕分辨率

Question

我希望以用戶RESTORE DOWN或MAXIMIZE的形式獲取網頁瀏覽器的實時屏幕分辨率，而無需刷新頁面。

Answer 1

你使用的是jQuery嗎？如果是的話，那麼下面的代碼應該工作

$(window).resize(function(){ 
var windowWidth = $(window).width(); 
var windowHeight = $(window).height(); 
// windowWidth & windowHeight are automatically updated when the browser size is modified 
}); 

Answer 2

不完全確定你在做什麼，但這裏有一些建議。

window.screen包含當前的OS分辨率。可通過screen.height和screen.width訪問。其他兩個有趣的值可能是availHeight和availWidth（不是100％地肯定了跨瀏覽器的庫存情況有）

如果你需要知道當前瀏覽器的尺寸，存儲的window對象本身。 window.innerHeight,window.outerHeight,window.innerWidth和window.outerWidth是那裏感興趣的值。前綴值確實反映了瀏覽器的工作（客戶端）區域，而外部的前綴包含整個瀏覽器窗口區域。