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