このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
Screen: orientation プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年3月以降、すべてのブラウザーで利用可能です。
orientation は Screen インターフェイスの読み取り専用プロパティで、現在の画面の向きを返します。
値
画面の向きを表す ScreenOrientation のインスタンスです。
なお、古い接頭辞付きのものは文字列で ScreenOrientation.type と同等のものを返していました。
例
js
switch (screen.orientation.type) {
case "landscape-primary":
console.log("良い感じですね。");
break;
case "landscape-secondary":
console.log("うーん...。画面が上下逆です!");
break;
case "portrait-secondary":
case "portrait-primary":
console.log("うーん...。スクリーンを横向きにした方がいいですよ");
break;
default:
console.log("このブラウザーは画面方向 API に対応していません :(");
}
仕様書
| 仕様書 |
|---|
| Screen Orientation # dom-screen-orientation |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。