Screen.orientation
Baseline 2023Newly 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 |
瀏覽器相容性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
orientation |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Requires a vendor prefix or different name for use.
- Has more compatibility info.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.