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.
var orientation = window.screen.orientation.type;
The return value is a string representing the orientation of the screen. It can be portrait-primary, portrait-secondary, landscape-primary, landscape-secondary (See lockOrientation for more info about those values).
var orientation = screen.orientation || screen.mozOrientation || screen.msOrientation;
if (orientation.type === "landscape-primary") {
console.log("That looks good.");
} else if (orientation.type === "landscape-secondary") {
console.log("Mmmh... the screen is upside down!");
} else if (orientation.type === "portrait-secondary" || orientation.type === "portrait-primary") {
console.log("Mmmh... you should rotate your device to landscape");
}
| Specification | Status | Comment |
|---|---|---|
| Screen Orientation API The definition of 'Screen Orientation' in that specification. | Working Draft | Initial definition |
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 38 | (Yes) moz[1] | 11ms[2] | 25 | No support |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | No support | 39 | (Yes) moz[1] | No support | No support | No support |
[1] This API is only implemented as a prefixed method (mozOrientation) in B2G and Firefox for Android.
[2] This API is implemented using a prefix (msOrientation) in Internet Explorer for Windows 8.1 and Windows RT 8.1. It is not supported on Windows 7.
Screen.orientationScreen.unlockOrientation()Screen.onorientationchange
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/screen/orientation