Screen

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Интерфейс 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 Не стандартно Устарело: Значение типа Boolean. Установка в false отключает экран.
Screen.mozBrightness Не стандартно Устарело: Управляет яркостью экрана. Ожидается значение в диапазоне от 0 до 1.0.

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

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

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

События

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

Примеры

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

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

Specification
CSSOM View Module # the-screen-interface

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

BCD tables only load in the browser