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月.
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 |
瀏覽器相容性
Loading…