Screen

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

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

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

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

Screen.availHeight (en-US)

Возвращает высоту экрана в пикселях за исключением постоянных или «полупостоянных» элементов пользовательского интерфейса, отображаемых операционной системой, таких как панель задач в Windows.

Screen.availWidth (en-US)

Возвращает размер доступного окну горизонтального пространства в пикселях.

Screen.colorDepth (en-US)

Возвращает глубину цвета экрана.

Screen.height (en-US)

Возвращает высоту экрана в пикселях.

Screen.isExtended (en-US) Экспериментальная возможность Secure context

Возвращает true если устройство пользователя имеет несколько экранов и false в противном случае.

Screen.orientation (en-US)

Возвращает экземпляр ScreenOrientation (en-US) связанный с экраном.

Screen.pixelDepth (en-US)

Возвращает количество битов информации на один пиксель экрана.

Screen.width (en-US)

Возвращает ширину экрана.

Screen.mozEnabled (en-US) Non-standard Устарело

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

Screen.mozBrightness (en-US) Non-standard Устарело

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

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

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

Screen.lockOrientation (en-US) Устарело

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

Screen.unlockOrientation (en-US) Устарело

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

События

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

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

orientationchange (en-US) Устарело Non-standard

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

Примеры

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

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

Specification
CSSOM View Module
# the-screen-interface

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

BCD tables only load in the browser