Свойство orientation объекта Screen

Базовая версия 2023

Новое

С марта 2023 года эта функция работает во всех последних версиях браузеров и устройств. Возможно, эта функция не будет работать на более старых устройствах или в старых версиях браузеров.

Чтение только свойство orientation интерфейса Screen возвращает текущую ориентацию экрана.

Значение

Экземпляр ScreenOrientation, представляющий ориентацию экрана.

Обратите внимание, что в более старых версиях с префиксом возвращалось строковое значение, эквивалентное ScreenOrientation.type.

Примеры

switch (screen.orientation.type) {
  case "landscape-primary":
    console.log("That looks good.");
    break;
  case "landscape-secondary":
    console.log("Mmm… the screen is upside down!");
    break;
  case "portrait-secondary":
  case "portrait-primary":
    console.log("Mmm… you should rotate your device to landscape");
    break;
  default:
    console.log("The orientation API isn't supported in this browser :(");
}

Спецификации

Спецификация
Ориентация экрана # dom-screen-orientation

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`orientation`	38	79 12 Edge не возвращает объект `Orientation`; вместо этого он возвращает тип ориентации в виде строки.	4314	25	16.4	39	4314	26	16.4	4.0	39

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation