Screen

Интерфейс Screen представляет экран, обычно отображающий текущее окно, его можно получить с помощью window.screen.

Обратите внимание, что браузеры определяют текущим тот экран, который находится в центре окна браузера.

Свойства экземпляра

Также наследует свойства от своего родительского объекта EventTarget.

Screen.availHeight: Возвращает высоту экрана в пикселях за исключением постоянных или «полупостоянных» элементов пользовательского интерфейса, отображаемых операционной системой, таких как панель задач в Windows.
Screen.availWidth: Возвращает размер доступного окну горизонтального пространства в пикселях.
Screen.colorDepth: Возвращает глубину цвета экрана.
Screen.height: Возвращает высоту экрана в пикселях.
Screen.isExtended Экспериментальная возможность Secure context: Возвращает true если устройство пользователя имеет несколько экранов и false в противном случае.
Screen.orientation: Возвращает экземпляр ScreenOrientation связанный с экраном.
Screen.pixelDepth: Возвращает количество битов информации на один пиксель экрана.
Screen.width: Возвращает ширину экрана.
Screen.mozEnabled Non-standard Устарело: Значение типа Boolean. Установка в false отключает экран.
Screen.mozBrightness Non-standard Устарело: Управляет яркостью экрана. Ожидается значение в диапазоне от 0 до 1.0.

Методы экземпляра

Также наследует методы от своего родительского объекта EventTarget.

Screen.lockOrientation Устарело: Блокирует ориентацию экрана (доступно только в полноэкранном режиме или для установленных приложений)
Screen.unlockOrientation Устарело: Разблокирует ориентацию экрана (доступно только в полноэкранном режиме или для установленных приложений)

События

change Экспериментальная возможность Secure context: Возникает, когда происходит изменение экрана — его ширины или высоты, доступной ширины или высоты, глубины цвета или ориентации.
orientationchange Устарело Non-standard: Возникает, когда происходит изменение ориентации экрана.

Примеры

if (screen.colorDepth < 8) {
  // использовать версию страницы с неполным количеством цветов
} else {
  // использовать обычную полноцветную версию страницу
}

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

Specification
CSSOM View Module # the-screen-interface

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

BCD tables only load in the browser