window.screenオブジェクトは、ユーザの画面に関する情報が含まれています。
Window Screen
window.screenオブジェクトは、ウィンドウの接頭辞なしで書き込むことができます。
プロパティ:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Window Screen Width
screen.widthプロパティは、ピクセル単位での訪問者の画面の幅を返します。
例
ピクセル単位で画面の幅を表示します。
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
結果は次のようになります。
Screen Width: 1600
»それを自分で試してみてください Window Screen Height
screen.heightプロパティは、ピクセル単位で訪問者の画面の高さを返します。
例
画面の高さをピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
結果は次のようになります。
Screen Height: 900
»それを自分で試してみてください Window Screen利用可能な幅
screen.availWidthプロパティは、ピクセル単位で、訪問者の画面の幅を返し、マイナスインターフェイスはWindowsタスクバーのようにしています。
例
ピクセル単位で画面の使用可能な幅を表示します。
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
結果は次のようになります。
Available Screen Width: 1600
»それを自分で試してみてください Window Screen利用可能な高さ
screen.availHeightプロパティは、ピクセル単位で、訪問者の画面の高さを返し、マイナスインターフェイスはWindowsタスクバーのようにしています。
例
ピクセル単位で画面の利用可能な高さを表示します。
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
結果は次のようになります。
Available Screen Height: 860
»それを自分で試してみてください Window Screen色深度
screen.colorDepthプロパティは、一つの色を表示するために使用されるビット数を返します。
すべての現代のコンピュータは、色の解像度のための24ビットまたは32ビットのハードウェアを使用します。
- 24ビット= 16777216異なる「トゥルー・カラーズ」
- 32ビット= 4294967296異なる「ディープカラー」
65536異なる「高色 "解像度:古いコンピュータは、16ビットを使用します。
256異なる「VGA色」:非常に古いコンピュータ、および古い携帯電話は、8ビットを使用していました。
例
ビットの画面の色深度を表示します。
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
結果は次のようになります。
Screen Color Depth: 24
»それを自分で試してみてください #rrggbb (rgb) HTMLで使用される値が表す「トゥルー・カラーズ」( 16,777,216異なる色)
Window Screenピクセル深度
screen.pixelDepthプロパティは、画面のピクセル深度を返します。
例
ビットの画面のピクセル深度を表示します。
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
結果は次のようになります。
Screen Pixel Depth: 24
»それを自分で試してみてください 現代のコンピュータの場合は、色深度とピクセル深度は同じです。