Screen インターフェイス
Screen インターフェイスは、ウィンドウなどが表示されているデバイスの画面そのものにアクセスする手段が定義されたインターフェイスです。
ディスプレイの表示サイズ、画面の向き、色深度、ピクセルごとの色深度を取得と画面の向きのロック/アンロックをコントロールすることができます。
var height_ = screen.height;
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の使用例です。
関連(Related)
HTML、CSS、DOMのHTMLエレメント、Windowに関する用途一覧です。
HTML
CSS
DOM(Web API)
- インターフェース、クラス
- Window
- イベント
- プロパティ
- メソッド