Screen.orientation

Experimental

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

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

語法

var orientation = window.screen.orientation.type;

回傳值

回傳值為一個代表螢幕方向的字串,可能是 portrait-primaryportrait-secondarylandscape-primarylandscape-secondary(請參考 lockOrientation 以瞭解更多資訊)。

範例

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 Status Comment
Screen Orientation API
The definition of 'Screen Orientation' in that specification.
Working Draft Initial definition

瀏覽器相容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 38 (Yes) moz (en-US)[1] 11ms (en-US)[2] 25 No support
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support No support 39 (Yes) moz (en-US)[1] No support No support No support

[1] This API is only implemented as a prefixed method (mozOrientation) in B2G and Firefox for Android.

[2] This API is implemented using a prefix (msOrientation) in Internet Explorer for Windows 8.1 and Windows RT 8.1. It is not supported on Windows 7.

參見