このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Screen: orientation プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2023年3月⁩.

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

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

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

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

仕様書

Specification
Screen Orientation
# dom-screen-orientation

ブラウザーの互換性

関連情報