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 Не стандартно Устарело

Значение типа Boolean. Установка в false отключает экран.

Screen.mozBrightness Не стандартно Устарело

Управляет яркостью экрана. Ожидается значение в диапазоне от 0 до 1.0.

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

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

Screen.lockOrientation Устарело

Блокирует ориентацию экрана (доступно только в полноэкранном режиме или для установленных приложений)

Screen.unlockOrientation Устарело

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

События

change Экспериментальная возможность Secure context

Возникает, когда происходит изменение экрана — его ширины или высоты, доступной ширины или высоты, глубины цвета или ориентации.

orientationchange Устарело Не стандартно

Возникает, когда происходит изменение ориентации экрана.

Примеры

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

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

Specification
CSSOM View Module
# the-screen-interface

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

BCD tables only load in the browser