BOM - Объект Screen

Объект 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;

В современных компьютерах глубина цвета и глубина пикселя — это одно и то же.