Screen.orientation

Baseline 2023
Newly available

Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

orientation は Screen インターフェイスの読み取り専用プロパティで、現在の画面の向きを返します。

値

画面の向きを表す ScreenOrientation のインスタンスです。

なお、古い接頭辞付きのものは文字列で ScreenOrientation.type と同等のものを返していました。

例

js
var orientation =
  (screen.orientation || {}).type ||
  screen.mozOrientation ||
  screen.msOrientation;

if (orientation === "landscape-primary") {
  console.log("良い感じですね。");
} else if (orientation === "landscape-secondary") {
  console.log("うーん…。画面が上下逆です！");
} else if (
  orientation === "portrait-secondary" ||
  orientation === "portrait-primary"
) {
  console.log("うーん…。スクリーンを横向きにした方がいいですよ");
} else if (orientation === undefined) {
  console.log("このブラウザーは画面方向 API に対応していません :(");
}

仕様書

仕様書の一部ではありません。

ブラウザーの互換性

BCD tables only load in the browser

関連情報