window.screenオブジェクトには、ユーザの画面に関する情報が含まれています。
window.screen オブジェクトは、windowの接頭辞を付けないで書くことができます。
プロパティ:
screen.widthプロパティは、訪問者の画面の幅をピクセルで返します。
画面の幅をピクセルで表示します
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
結果は次のようになります:
Try it Yourself »
screen.heightプロパティは、訪問者の画面の高さをピクセルで返します。
画面の高さをピクセルで表示します:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
結果は次のようになります:
Try it Yourself »
screen.availWidthプロパティは、訪問者の画面の幅(ピクセル)から、Windowsのタスクバーなどのインターフェイス機能を引いた値を返します。
画面の使用可能な幅をピクセルで表示します:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
結果は次のようになります:
Try it Yourself »
screen.availHeightプロパティは、訪問者の画面の高さ(ピクセル)から、Windowsのタスクバーなどのインターフェイス機能を引いた値を返します。
使用可能な画面の高さをピクセルで表示します:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
結果は次のようになります:
Try it Yourself »
screen.colorDepthプロパティは、1つの色を表示するために使用するビット数を返します。
現代のすべてのコンピュータは、カラー解像度用に24ビットまたは32ビットのハードウェアを使用しています:
古いコンピュータは16ビットを使用した65,536色の "High Colors"です。
非常に古いコンピュータや古い携帯電話では8ビットを使用した256色の"VGA colors"でした。
画面の色深度をビット単位で表示します:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
結果は次のようになります:
Try it Yourself »
HTMLで使用する#rrggbb(rgb)の値は、"True Colors" (16,777,216色)を表します
screen.pixelDepthプロパティは、画面のピクセル深度を返します
画面のピクセル深度をビットで表示します:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
結果は次のようになります:
Try it Yourself »
現代のコンピュータの場合、色深度とピクセル深度は同じです。