JavaScriptウィンドウ画面
window.screenオブジェクトには、ユーザーの画面に関する情報が含まれています。
ウインドウスクリーン
window.screen
オブジェクトは、ウィンドウプレフィックスなしで書き込むことができます。
プロパティ:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
ウィンドウ画面の幅
screen.width
プロパティは、訪問者の画面の幅をピクセル単位で返します。
例
画面の幅をピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
結果は次のようになります。
Screen Width: 1920
ウィンドウ画面の高さ
screen.height
プロパティは、訪問者の画面の高さをピクセル単位で返します。
例
画面の高さをピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
結果は次のようになります。
Screen Height: 10000
ウィンドウスクリーン利用可能な幅
このscreen.availWidth
プロパティは、訪問者の画面の幅をピクセル単位で、Windowsタスクバーなどのインターフェイス機能を差し引いたもので返します。
例
画面の使用可能な幅をピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
結果は次のようになります。
Available Screen Width: 1920
ウィンドウスクリーン利用可能な高さ
このscreen.availHeight
プロパティは、訪問者の画面の高さをピクセル単位から差し引いたものから、Windowsタスクバーなどのインターフェイス機能を差し引いたものを返します。
例
画面の利用可能な高さをピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
結果は次のようになります。
Available Screen Height: 10000
ウィンドウ画面の色深度
このscreen.colorDepth
プロパティは、1つの色を表示するために使用されるビット数を返します。
最近のすべてのコンピューターは、色解像度に24ビットまたは32ビットのハードウェアを使用しています。
- 24ビット= 16,777,216の異なる「トゥルーカラー」
- 32ビット= 4,294,967,296の異なる「濃い色」
古いコンピュータは16ビットを使用していました:65,536の異なる「ハイカラー」解像度。
非常に古いコンピュータと古い携帯電話は8ビットを使用していました:256の異なる「VGAカラー」。
例
画面の色深度をビット単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
結果は次のようになります。
Screen Color Depth: 24
HTMLで使用される#rrggbb(rgb)値は、「True Colors」(16,777,216色)を表します。
ウィンドウ画面のピクセル深度
このscreen.pixelDepth
プロパティは、画面のピクセル深度を返します。
例
画面のピクセル深度をビット単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
結果は次のようになります。
Screen Pixel Depth: 24
最新のコンピューターの場合、色深度とピクセル深度は同じです。