JS Window Screen

Объект window.screen содержит информацию о экране пользователя.

Объект экрана

window.screenОбъект можно использовать для отображения разрешения экрана (ширины и высоты экрана), глубины цвета, глубины пикселя и т.д.

window.screenОбъект можно использовать в сокращенном виде без префикса (window.).

screenОбъект имеет следующие атрибуты:

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

В следующем разделе мы покажем, как использовать атрибуты объекта screen объекта окна для получения информации о пользователе.

Ширина экрана

screen.widthАтрибут возвращает общую ширину экрана пользователя (в пикселях).

var x = screen.width;

Высота экрана

screen.heightАтрибут возвращает общую высоту экрана пользователя (в пикселях).

var x = screen.height;

Доступная ширина экрана

screen.availWidthАтрибут возвращает ширину экранной области, доступной для приложения окна (в пикселях).

Область приложения окна составляет всю экранную область, за исключением панели задач.

var x = screen.availWidth;

Доступная высота экрана

screen.availHeightАтрибут возвращает высоту экранной области, доступной для приложения окна (в пикселях).

Область приложения окна составляет всю экранную область, за исключением панели задач.

var x = screen.availHeight;

Цветовая глубина экрана окна

screen.colorDepthАтрибут возвращает глубину цвета экрана пользователя.

Глубина цвета - это количество бит, используемых для отображения цвета одного пикселя.

Глубина цвета указывает на количество цветов, которое может создать экран устройства.

Например, экран с глубиной цвета 8 бит может создать 256 цветов (2 ⁸)

var x = screen.colorDepth;

В настоящее время, экраны большинства устройств имеют глубину цвета 24 или 32 бита. Кратко говоря, больше бит создает больше цветовых изменений, например, 24 бита могут создать 2 ²⁴ = 16 777 216 вариантов цвета (настоящее цветовое разрешение), а 32 бита могут генерировать 2 ³² = 4 294 967 296 вариантов цвета (Тёмный)

Пиксельная глубина экрана окна

screen.pixelDepthСвойство возвращает битовую глубину экрана.

Глубина像素а - это количество бит, используемых системой отображения для каждого пикселя.

Для современных устройств глубина цвета и глубина像素а равны.

var x = screen.pixelDepth;

Более примеров

Этот пример показывает все свойства экрана:

var txt = "";
txt += "<p>Общая ширина/высота: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>Доступная ширина/высота: " + screen.availWidth + "*" + screen.availHeight + "</p>";
txt += "<p>Глубина цвета: " + screen.colorDepth + "</p>";
txt += "<p>Разрешение цвета: " + screen.pixelDepth + "</p>";
document.write(txt);