此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

Screen.orientation

Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

orientation 是 Screen 接口的一个只读属性，返回屏幕当前的方向。

语法

var orientation = window.screen.orientation;

返回值

一个 ScreenOrientation (en-US) 的实例，表示屏幕的方向。

注意在更早的、有前缀的版本中会返回一个 DOMString 值，相当于 ScreenOrientation.type (en-US) 的值。

示例

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 :(");
}

规范

规范 状态 备注
Screen Orientation API
orientation		 Working Draft Initial definition

浏览器兼容性

BCD tables only load in the browser

参见