W3cubDocs

/DOM

screen.orientation

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The Screen.orientation property give the current orientation of the screen.

Syntax

var orientation = window.screen.orientation;

Return value

An instance of ScreenOrientation representing the orientation of the screen.

Example

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

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	Status	Comment
Screen Orientation API The definition of 'Screen Orientation' in that specification.	Working Draft	Initial definition

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	38	?	Yes Yes Yes Prefixed Prefixed Implemented with the vendor prefix: moz	11 Prefixed 11 Prefixed Prefixed Implemented with the vendor prefix: ms Not supported on Windows 7.	25	No