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

Screen インターフェイス

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

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

ディスプレイの表示高さ
var height_ = window.screen.height;

詳しくは Example を参照してください

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

ページ内 Index

プロパティ(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コード例が実行されます。