JavaScript Window Screen

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

Window Screen

window.screen window前缀なしで書くこともできます：

属性：

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Window Screen 幅

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

例

スクリーンの幅をピクセルで表示します：

document.getElementById("demo").innerHTML = "Screen Width: " + screen.width;

結果は以下の通りです：




自分で試してみてください






Window Screen 高さ


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


例


スクリーンの高さをピクセルで表示します：


document.getElementById("demo").innerHTML = "Screen Height: " + screen.height;



結果は以下の通りです：





自分で試してみてください






Window Screen 利用可能幅


screen.availWidth 属性は訪問者のスクリーンの幅をピクセルで返し、ウィンドウツールバーなどのインターフェース要素を除きます。


例


スクリーンの利用可能な幅をピクセルで表示します：


document.getElementById("demo").innerHTML = "Available Screen Width: " + screen.availWidth;



結果は以下の通りです：





自分で試してみてください






Window Screen 利用可能高度


screen.availHeight 属性は訪問者のスクリーンの高さをピクセルで返し、ウィンドウツールバーなどのインターフェース要素を除きます。


例


スクリーンの利用可能な高さをピクセルで表示します：


document.getElementById("demo").innerHTML = "Available Screen Height: " + screen.availHeight;



結果は以下の通りです：





自分で試してみてください






Window Screen 色深


screen.colorDepth 属性は表示する色のビット数を返します。


すべての現代コンピュータは24ビットまたは32ビットのハードウェアの色彩解像度を使用しています：


    

  • 24ビット = 16,777,216種類の「True Colors」が異なります
    • 

  • 32ビット = 4,294,967,296種類の「Deep Colors」が異なります
    • 



より古いコンピュータでは、14ビットで65,536の異なる「High Colors」解像度を使用しています。


非常に古いコンピュータや旧式の携帯電話では、8ビットで256の異なる「VGA colors」を使用しています。


例


ビット単位で表示されるスクリーン色彩深度を表示します：


document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth;



結果は以下の通りです：





自分で試してみてください


HTMLで使用される#rrggbb (rgb)の値は「True Colors」（16,777,216の異なる色）を表します。






Window Screen ピクセル深度


screen.pixelDepth 属性はスクリーンのピクセル深度を返します。


例


ビット単位で表示されるスクリーンピクセル深度を表示します：


document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;



結果は以下の通りです：





自分で試してみてください


現代のコンピュータでは、色深度とピクセル深度は同等です。