Экран окна JavaScript
Объект window.screen содержит информацию об экране пользователя.
Экран окна
Объект window.screen
может быть записан без префикса окна.
Характеристики:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Ширина экрана окна
Свойство screen.width
возвращает ширину экрана посетителя в пикселях.
Пример
Отображение ширины экрана в пикселях:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Результат будет:
Screen Width: 1920
Высота оконного экрана
Свойство screen.height
возвращает высоту экрана посетителя в пикселях.
Пример
Отображение высоты экрана в пикселях:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Результат будет:
Screen Height: 10000
Доступная ширина оконного экрана
Свойство screen.availWidth
возвращает ширину экрана посетителя в пикселях за вычетом функций интерфейса, таких как панель задач Windows.
Пример
Отображение доступной ширины экрана в пикселях:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Результат будет:
Available Screen Width: 1920
Доступная высота оконного экрана
Свойство screen.availHeight
возвращает высоту экрана посетителя в пикселях за вычетом функций интерфейса, таких как панель задач Windows.
Пример
Отображение доступной высоты экрана в пикселях:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Результат будет:
Available Screen Height: 10000
Глубина цвета экрана окна
Свойство screen.colorDepth
возвращает количество битов, используемых для отображения одного цвета.
Все современные компьютеры используют 24-битное или 32-битное аппаратное обеспечение для цветового разрешения:
- 24 бита = 16 777 216 различных «истинных цветов».
- 32 бита = 4 294 967 296 различных «глубоких цветов».
В старых компьютерах использовалось 16 бит: 65 536 различных разрешений «High Colors».
Очень старые компьютеры и старые сотовые телефоны использовали 8 бит: 256 различных «цветов VGA».
Пример
Отображение глубины цвета экрана в битах:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Результат будет:
Screen Color Depth: 24
Значения #rrggbb (rgb), используемые в HTML, представляют «истинные цвета» (16 777 216 различных цветов).
Глубина пикселей экрана окна
Свойство screen.pixelDepth
возвращает глубину пикселей экрана.
Пример
Отображение глубины пикселя экрана в битах:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Результат будет:
Screen Pixel Depth: 24
Для современных компьютеров глубина цвета и глубина пикселя равны.