Detecta la resolución real de la pantalla (ignorando el zoom del navegador, etc.)

Question

Necesito obtener la resolución de pantalla real usando JavaScript (al menos en el lado del cliente), pero teniendo problemas con IE y Firefox ya que tienden a cambiar esto cuando usa el Zoom incorporado del navegador.

¿Cómo se puede hacer esto de forma compatible con varios navegadores?

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); 
} 

o (jQuery)

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