This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The orientation read-only property of the Screen interface returns the current orientation of the screen.
Syntax
var orientation = window.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 | Status | Comment |
|---|---|---|
| Screen Orientation API The definition of 'orientation' in that specification. |
Working Draft | Initial definition |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
orientation | Chrome Full support 38 | Edge
Full support
12
| Firefox
Full support
Yes
| IE
Full support
11
| Opera Full support 25 | Safari No support No | WebView Android No support No | Chrome Android Full support 39 | Firefox Android
Full support
Yes
| Opera Android No support No | Safari iOS No support No | Samsung Internet Android Full support 4.0 |
Legend
- Full support
- Full support
- No support
- No support
- See implementation notes.
- See implementation notes.
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.
