Screen.orientation
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2023年3月.
orientation 是 Screen 接口的一个只读属性，返回屏幕当前的方向。
语法
var orientation = window.screen.orientation;
返回值
一个 ScreenOrientation 的实例，表示屏幕的方向。
注意在更早的、有前缀的版本中会返回一个 DOMString 值，相当于 ScreenOrientation.type 的值。
示例
js
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 :(");
}
规范
| Specification |
|---|
| Screen Orientation # dom-screen-orientation |
浏览器兼容性
Loading…