Screen

Screen インターフェイスは画面を表し、通常は、現在のウィンドウが描画されている画面であり、 window.screen を使用して取得されます。

なお、ブラウザーはブラウザーのウィンドウの中心がどの画面にあるかを検出することで、報告する現在の画面がどれかを判断します。

プロパティ

Screen.availTop 

オペレーティングシステムによって表示されるウィンドウ上のタスクバーなどの、固定あるいは半固定のユーザーインターフェイス部分を含まない、最初のピクセルの y 座標を指します。

Screen.availLeft 

スクリーンの左端からの、最初の利用可能なピクセルの値を返します。​

Screen.availHeight

固定あるいは半固定のユーザーインターフェイス部分を除いたスクリーンの高さをピクセルで表します。

Screen.availWidth

ウィンドウで利用可能な水平方向のスペースの合計をピクセルで返します。

Screen.colorDepth

画面の色深度を返します。

Screen.height

画面の高さをピクセルで返します。

Screen.left 

メイン画面の左端から現在の画面の左端までの距離をピクセルで返します。

Screen.orientation

現在の画面の向きを返します。

Screen.pixelDepth

画面のピット深度を取得します。

Screen.top 

現在の画面の上端からの距離をピクセルで返します。 

Screen.width

画面の幅を返します。

Screen.mozEnabled   

ブール値。false に設定すると、デバイスの画面がオフになります。

Screen.mozBrightness   

デバイスの画面の明るさをコントロールします。0 から 1.0 までの double で指定します。

イベントハンドラー

Screen.onorientationchange

orientationchange イベントのハンドラー。

メソッド

Screen.lockOrientation

画面の向きをロックします (全画面かインストールしたアプリでのみ動作します)

Screen.unlockOrientation

画面の向きのロックを解除します。 (全画面時かインストールしたアプリでのみ動作します)

メソッドは EventTarget から継承されています。

EventTarget.addEventListener()

Registers an event handler of a specific event type on the EventTarget.

EventTarget.removeEventListener()

Removes an event listener from the EventTarget.

EventTarget.dispatchEvent()

Dispatches an event to this EventTarget.

Additional methods in Mozilla chrome codebase

Mozilla includes a couple of extensions for use by JS-implemented event targets to implement onevent properties.

See also WebIDL bindings.

• void setEventHandler(DOMString type, EventHandler handler)
• EventHandler getEventHandler(DOMString type)

例

if (screen.pixelDepth < 8) {
  // 色数の少ないバージョンのページを使う
} else { 
  // 通常の色数のページを使う
}

仕様書

ブラウザーの対応