Screen.orientation

Baseline 2023

Newly available

Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

orientationScreen 接口的一个只读属性,返回屏幕当前的方向。

语法

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

浏览器兼容性

BCD tables only load in the browser

参见