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.
語法
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