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Устарело Не стандартно: Возникает, когда происходит изменение ориентации экрана.

Примеры

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