Screen.orientation

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

Syntax

var orientation = screen.orientation;

Return value

An instance of ScreenOrientation representing the orientation of the screen.

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

Example

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

if (orientation === "landscape-primary") {
  console.log("That looks good.");
} else if (orientation === "landscape-secondary") {
  console.log("Mmmh... the screen is upside down!");
} else if (orientation === "portrait-secondary" || orientation === "portrait-primary") {
  console.log("Mmmh... you should rotate your device to landscape");
} else if (orientation === undefined) {
  console.log("The orientation API isn't supported in this browser :(");
}

Specifications

Specification
The Screen Orientation API # dom-screen-orientation

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`orientation`	38	79 12 Edge does not return an `Orientation` object; instead, it returns the orientation type as a string.	43 14	11 Not supported on Windows 7.	25	No	No	39	43 14	No	No	4.0