サーチ…
画面解像度の取得
画面の物理サイズ(ウィンドウクロムとメニューバー/ランチャーを含む)を取得するには:
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