JavaScript Window Screen / Окно экрана
Объект window.screen содержит информацию об экране пользователя.
Окно экрана
Объект window.screen можно записать без префикса window.
Свойства:
screen.widthscreen.heightscreen.availWidthscreen.availHeightscreen.colorDepthscreen.pixelDepth
Window Screen - Ширина
Свойство screen.width возвращает ширину экрана посетителя в пикселях.
Пример
Отображение ширины экрана в пикселях:
document.getElementById("demo").innerHTML =
"Ширина экрана: " + screen.width;
Результат будет:
Window Screen - Высота
Свойство screen.height возвращает высоту экрана посетителя в пикселях.
Пример
Отображение высоты экрана в пикселях:
document.getElementById("demo").innerHTML =
"Высота экрана: " + screen.height;
Результат будет:
Window Screen - Доступная ширина
Свойство screen.availWidth возвращает ширину экрана посетителя в пикселях без таких функций интерфейса, как панель задач Windows.
Пример
Отображение доступной ширины экрана в пикселях:
document.getElementById("demo").innerHTML =
"Доступная ширина экрана: " + screen.availWidth;
Результат будет:
Window Screen - Доступная высота
Свойство screen.availHeight возвращает высоту экрана посетителя в пикселях без таких функций интерфейса, как панель задач Windows.
Пример
Отображение доступной высоты экрана в пикселях:
document.getElementById("demo").innerHTML =
"Доступная высота экрана: " + screen.availHeight;
Результат будет:
Window Screen Глубина цвета
Свойство screen.colorDepth возвращает количество битов, используемых для отображения одного цвета.
Все современные компьютеры используют 24-битное или 32-битное оборудование для цветового разрешения:
- 24 bits = 16,777,216 разные "True Colors"
- 32 bits = 4,294,967,296 разные "Deep Colors"
Старые компьютеры использовали 16 бит: 65,536 разных разрешений "High Colors".
Очень старые компьютеры и старые сотовые телефоны использовали 8 бит: 256 разных "VGA цветов".
Пример
Отображение глубины цвета экрана в битах:
document.getElementById("demo").innerHTML =
"Глубина цвета экрана: " + screen.colorDepth;
Результат будет:
Значения #rrggbb (rgb), используемые в HTML, представляют "True Colors" (16,777,216 различных цветов)
Window Screen Глубина пикселя
Свойство screen.pixelDepth возвращает глубину экрана в пикселях.
Пример
Отображение глубины пикселя экрана в битах:
document.getElementById("demo").innerHTML =
"Глубина экрана в пикселях: " + screen.pixelDepth;
Результат будет:
Для современных компьютеров глубина цвета и глубина пикселей равны.
