SYNCERのロゴ
アイキャッチ画像

Screen - スクリーン

Screenは、デバイスのスクリーンの情報を管理するための機能を備えたインターフェイスです。

概要

名前
Screen
IDL
[Exposed=Window]
interface Screen {
  readonly attribute long availWidth;
  readonly attribute long availHeight;
  readonly attribute long width;
  readonly attribute long height;
  readonly attribute unsigned long colorDepth;
  readonly attribute unsigned long pixelDepth;
};
// The Screen Orientation API
partial interface Screen {
    readonly attribute ScreenOrientation orientation;
};
仕様書
https://drafts.csswg.org/cssom-view/#screen
https://www.w3.org/TR/screen-orientation/#extensions-to-the-screen-interface (The Screen Orientation API)

チュートリアル

Screenは、Window.screenが返します。

window.screen ;
screen ;	// windowは省略可

コンストラクタ

コンストラクタはありません。

プロパティ

availHeight

ディスプレイの有効領域の高さを返します。

availWidth

ディスプレイの有効領域の横幅を返します。

colorDepth

ディスプレイの色深度を返します。

height

ディスプレイ全体の高さを返します。

orientation

ScreenOrientationを返します。

pixelDepth

ディスプレイのビット深度を返します。

width

ディスプレイ全体の横幅を返します。

メソッド

固有のメソッドはありません。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
Screen
availHeight 8+
availWidth 8+
colorDepth 8+
height 8+
orientation 38+ 43+× 11+ 25+××
pixelDepth 9+
width 8+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月18日 (水)
コンテンツを公開しました。