備忘録的プログラミングリファレンス

Screen インターフェイス

 Screen インターフェイスは、ウィンドウなどが表示されているデバイスの画面そのものにアクセスする手段が定義されたインターフェイスです。
 ディスプレイの表示サイズ、画面の向き、色深度、ピクセルごとの色深度を取得と画面の向きのロック/アンロックをコントロールすることができます。

ディスプレイの表示高さ
var height_ = screen.height;
詳しくはExampleを参照してください

 window.screen の window は省略可能です。上記は window.screen.height; とも記述できます。

 screenオブジェクトは、window.screenからのアクセスのみです。

プロパティ(Property)

Property概要
.availHeightブラウザが表示に利用できる高さ。単位 px
.availWidthブラウザが表示に利用できる幅。単位 px
.colorDepth色深度
.heightディスプレイ画面の高さ。単位 px
.orientation画面の向き
.pixelDepthピクセルごとの色深度?
.widthディスプレイ画面の幅。単位 px

メソッド(Methods)

Method摘要
.lockOrientation画面の向きをロック。全画面などの状態で
.unlockOrientation画面の向きのロックを解除。全画面などの状態で

Example

  Screen インターフェイスのプロパティScreen.heightと.availHeightの使用例です。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。