JavaScript ディスプレイの幅/高さ/色深度を取得するサンプル(Screen)

JavaScriptのディスプレイの幅/高さ/色深度を取得するサンプルです。
screenオブジェクトを使用します。

Screenオブジェクト

Screenオブジェクトの主なプロパティです。

 プロパティ 説明
 width ディスプレイの幅(ピクセル)
 height ディスプレイの高さ(ピクセル)
 availWidth 利用可能なディスプレイの幅 (ピクセル)
タスクバー等を除いたもの
 availHeight 利用可能なディスプレイの高さ (ピクセル)
タスクバー等を除いたもの
 colorDepth ディスプレイの色深度(1ピクセル当たりのビット数)
24ビットであれば約1677万色(フルカラー)※1
  • (※1) 赤の8ビットと緑の8ビットと青の8ビットを足した24ビット。
    8ビットで256色表現できるので
    赤:256色 ☓ 緑:256色 ☓ 青:256色 =16,777,216となる。
  • 以下はMDNサイトのScreenオブジェクトのリンクです。
    https://developer.mozilla.org/ja/docs/Web/API/Window/screen

コード

サンプルのコードです。

<script>
document.write(screen.width,"<br />"); // ディスプレイの幅

document.write(screen.height,"<br />"); // ディスプレイの高さ

document.write(screen.availWidth,"<br />"); // 利用可能なディスプレイの幅

document.write(screen.availHeight,"<br />"); // 利用可能なディスプレイの高さ

document.write(screen.colorDepth,"<br />"); // ディスプレイの色深度
</script>



△上に戻る