Объект window.screen содержит информацию об экране пользователя.
Объект 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 возвращает ширину экрана пользователя в пикселях минус интерфейс вроде таскбара Windows.
В следующем примере выводится доступная ширина экрана:
document.getElementById("demo").innerHTML =
"Доступная ширина экрана: " + screen.availWidth;
Доступная высота экрана
Свойство screen.availHeight возвращает высоту экрана пользователя в пикселях минус интерфейс вроде таскбара Windows.
В следующем примере выводится доступная высота экрана:
document.getElementById("demo").innerHTML =
"Доступная высота экрана: " + screen.availHeight;
Глубина цвета экрана
Свойство screen.colorDepth возвращает число бит, используемых для отображения цвета.
Все современные компьютеры используют 24 или 32 аппаратных бита для цветового разрешения:
- 24 бита = 16,777,216 различных цветов - "True Colors"
- 32 бита = 4,294,967,296 различных цветов - "Deep Colors"
В более старых компьютерах использовалось 16 бит или 65,536 различных цветов - "High Colors".
В совсем старых компьютерах и мобильных телефонах использовалось 8 бит или 256 различных цветов - "VGA colors".
В следующем примере выводится глубина цвета экрана в битах:
document.getElementById("demo").innerHTML =
"Глубина цвета экрана: " + screen.colorDepth;
Значение #rrggbb (rgb), используемое в HTML, представляет палитру "True Colors" (16,777,216 цветов).
Глубина пикселя экрана
Свойство screen.pixelDepth возвращает глубину пикселя экрана в битах:
document.getElementById("demo").innerHTML =
"Глубина пикселя экрана: " + screen.pixelDepth;
В современных компьютерах глубина цвета и глубина пикселя — это одно и то же.
