javascript - 実際の画面解像度を検出します (ブラウザーのズームなどを無視します)。

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