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.

io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/zh-cn/web/api/screen_orientation_api/index.md)

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

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

浏览器兼容性

BCD tables only load in the browser

参见