サーチ…


画面解像度の取得

画面の物理サイズ(ウィンドウクロムとメニューバー/ランチャーを含む)を取得するには:

var width  = window.screen.width,
    height = window.screen.height;

画面の「利用可能な」領域を取得する

画面の「利用可能な」領域を取得するには(つまり、画面の端にバーを含めずに、ウィンドウクロムや他のウィンドウを含む:

var availableArea = {
    pos: {
        x: window.screen.availLeft,
        y: window.screen.availTop
    },
    size: {
        width: window.screen.availWidth,
        height: window.screen.availHeight
    }
};

画面に関する色情報の取得

画面の色とピクセルの深さを確認するには:

var pixelDepth = window.screen.pixelDepth,
    colorDepth = window.screen.colorDepth;

ウィンドウのinnerWidthプロパティとinnerHeightプロパティ

ウィンドウの高さと幅を取得する

var width = window.innerWidth
var height = window.innerHeight

ページの幅と高さ

現在のページの幅と高さを取得するには(ブラウザの場合)、たとえばプログラミングの応答性:

function pageWidth() {
  return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}

function pageHeight() {
  return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}


Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow