Screen: orientation property

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.

The orientation read-only property of the Screen interface returns the current orientation of the screen.

Value

An instance of ScreenOrientation representing the orientation of the screen.

Note that older, prefixed versions returned a string equivalent to ScreenOrientation.type.

Examples

switch (screen.orientation.type) {
  case "landscape-primary":
    console.log("That looks good.");
    break;
  case "landscape-secondary":
    console.log("Mmm… the screen is upside down!");
    break;
  case "portrait-secondary":
  case "portrait-primary":
    console.log("Mmm… you should rotate your device to landscape");
    break;
  default:
    console.log("The orientation API isn't supported in this browser :(");
}