Javascript 检测真实屏幕分辨率（忽略浏览器缩放等）

我需要使用JavaScript（至少是客户端）获得真正的屏幕分辨率，但IE和Firefox都有问题，因为当你使用浏览器内置的缩放功能时，它们往往会改变这一点

如何以跨浏览器友好的方式实现这一点

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）

---

请给出一些代码和一个示例，说明值在缩放时是如何变化的=您可以很容易地从document.body.style.zoom（诸如此类）中获得缩放级别，并将其应用到等式中。我怀疑这些值是否会随着缩放而变化，这就是为什么我想先看看OP的代码-肯定还有其他事情在进行-嗯-是的，我不确定它们是否会在缩放时改变（很容易找到）。操作码？谢谢，但是如果你使用浏览器的缩放（CTRL+/CTRL-），这对大多数浏览器都不起作用。然后，计算将与我无法访问的缩放级别相关。真烦人！是的，但是您应该能够通过document.body.style.zoom获得当前缩放级别-只需将当前尺寸乘以缩放因子，就可以获得未缩放的分辨率。我现在在车里，不能测试它。。。但我认为它应该起作用。

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