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