The orientation
read-only property of the Screen
interface returns the current orientation of the screen.
Screen.orientation
Value
An instance of ScreenOrientation
representing the orientation of the screen.
Note that older, prefixed versions returned a DOMString
equivalent to ScreenOrientation.type
.
Examples
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
|
39
|
39
|
43
14
|
26
|
No
|
4.0
|
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation