Screen

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..

* Some parts of this feature may have varying levels of support.

Интерфейс 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 {
  // использовать обычную полноцветную версию страницу
}