JS Window スクリーン

window.screenオブジェクトはユーザースクリーンの情報を含んでいます。

スクリーンオブジェクト

window.screenオブジェクトはスクリーン解像度（スクリーンの幅と高さ）、色彩深度、ピクセル深度などを表示できます。

window.screen短縮形で、前縁が付かないオブジェクトとして使用できます。

screenオブジェクトには以下の属性があります：

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

次のセクションでは、ウィンドウオブジェクトのscreenオブジェクト属性を使用してユーザーの表示情報を取得する方法をお見せします。

スクリーン幅

screen.width属性は訪問者のスクリーンの合計幅（ピクセル単位で）を返します。

var x = screen.width;

スクリーン高さ

screen.height属性は訪問者のスクリーンの合計高さ（ピクセル単位で）を返します。

var x = screen.height;

スクリーン利用可能幅

screen.availWidth属性はアプリケーションウィンドウのスクリーン領域の幅（ピクセル単位で）を返します。

アプリケーションウィンドウの領域は、タスクバーを除く全体のスクリーンです。

var x = screen.availWidth;

スクリーン利用可能高さ

screen.availHeight属性はアプリケーションウィンドウのスクリーン領域の高さ（ピクセル単位で）を返します。

アプリケーションウィンドウの領域は、タスクバーを除く全体のスクリーンです。

var x = screen.availHeight;

ウィンドウスクリーンの色彩深度

screen.colorDepth属性はユーザーのスクリーンの色深度を返します。

色深は単一のピクセルの色を表すビット数です。

色深度は、デバイスのスクリーンが生成できる色の数を示します。

例えば、色深度が8のスクリーンは生成できます256色（2 ⁸）。

var　x　=　screen.colorDepth;

現在、ほとんどのデバイスのスクリーンは24または32の色深度。簡単に言えば、より多くのビットはより多くの色変化を生み出します、例えば24ビットで生成できます2 ²⁴ = 16,777,216色変化（真彩色），そして32ビットで生成できます2 ³² = 4,294,967,296色変化（ダーク）。

ウィンドウスクリーンピクセル深度

screen.pixelDepth属性は、スクリーンのビット深度を返します。

ピクセル深度は、システムのディスプレイハードウェアが各ピクセルに使用するビット数です。

現代のデバイスでは、色深度とピクセル深度が同じです。

var　x　=　screen.pixelDepth;

さらに多くの例

この例では、すべてのスクリーン属性を表示しています：

var　txt　=　"";
txt　+=　"<p>全幅/高:　"　+　screen.width　+　"*"　+　screen.height　+　"</p>";
txt　+=　"<p>利用可能な幅/高さ:　"　+　screen.availWidth　+　"*"　+　screen.availHeight　+"</p>";
txt　+=　"<p>色深度:　"　+　screen.colorDepth　+　"</p>";
txt　+=　"<p>色彩解像度:　"　+　screen.pixelDepth　+　"</p>";
document.write(txt);