檢測真實的屏幕分辨率（忽略瀏覽器縮放等）

Question

我需要使用JavaScript（至少是客戶端）來獲得真實的屏幕分辨率，但IE和Firefox都存在問題，因爲它們會在您使用瀏覽器的內置縮放。

這怎麼能以跨瀏覽器友好的方式完成？

Answer 1

function getDimension() { 
    var width = 0, height = 0; 
    if(typeof(window.innerWidth) == 'number') { 
    height = window.innerHeight; 
    width = window.innerWidth; 
    } else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
    height = document.documentElement.clientHeight; 
    width = document.documentElement.clientWidth; 
    } else if(document.body && (document.body.clientWidth || document.body.clientHeight)) { 
    height = document.body.clientHeight; 
    width = document.body.clientWidth; 
    } 
    window.alert('Width = ' + width + 'Height = ' + height); 
} 

或（jQuery的）

height = $(window).height(); 
width = $(window).width();