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-tw/web/api/screen/index.md)

實驗性質: 這是一個實驗中的功能
此功能在某些瀏覽器尚在開發中，請參考兼容表格以得到不同瀏覽器用的前輟。

Screen.orientation 屬性可以取得螢幕目前的方向。

語法

var orientation = window.screen.orientation.type;

回傳值

回傳值為一個代表螢幕方向的字串，可能是 portrait-primary、portrait-secondary、landscape-primary 或 landscape-secondary（請參考 lockOrientation 以瞭解更多資訊）。

範例

js
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
Screen Orientation
# dom-screen-orientation

瀏覽器相容性

BCD tables only load in the browser

參見