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

The return value is 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 compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support38 ?

Yes

Yes moz

11 ms 125 No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support No39 ?

Yes

Yes moz

No No ?

1. Not supported on Windows 7.

See also

Document Tags and Contributors

Last updated by: SaschaNaz,