Window Screen на JavaScript

Объект window.screen содержит информацию о экране пользователя.

Экран Windows

window.screen Объект можно также записать без префикса window:

Атрибут:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Ширина экрана Windows

screen.width Атрибут возвращает ширину экрана посетителя в пиках.

Пример

Отображает ширину экрана в пиках:

document.getElementById("demo").innerHTML = "Ширина экрана: " + screen.width;

Результат будет:




Попробуйте сами






Высота экрана Windows


screen.height Атрибут возвращает высоту экрана посетителя в пиках.


Пример


Отображает высоту экрана в пиках:


document.getElementById("demo").innerHTML = "Высота экрана: " + screen.height;



Результат будет:





Попробуйте сами






Доступная ширина экрана Windows


screen.availWidth Атрибут возвращает ширину экрана посетителя в пиках, минус интерфейсные элементы, такие как панель инструментов окна.


Пример


Отображает доступную ширину экрана в пиках:


document.getElementById("demo").innerHTML = "Доступная ширина экрана: " + screen.availWidth;



Результат будет:





Попробуйте сами






Доступная высота экрана Windows


screen.availHeight Атрибут возвращает высоту экрана посетителя в пиках, минус интерфейсные элементы, такие как панель инструментов окна.


Пример


Отображает доступную высоту экрана в пиках:


document.getElementById("demo").innerHTML = "Доступная высота экрана: " + screen.availHeight;



Результат будет:





Попробуйте сами






Цветовая глубина экрана Windows


screen.colorDepth Атрибут возвращает количество бит, используемых для отображения цвета.


Все современные компьютеры используют цветовую резолюцию 24 или 32 битного оборудования:


    

  • 24 бит = 16 777 216 различных "Ребусных цветов"
    • 

  • 32 бит = 4 294 967 296 различных "Глубоких цветов"
    • 



Старые компьютеры используют 14 бит: 65,536 различных "High Colors" разрешений.


Исключительно старые компьютеры и старые мобильные телефоны используют 8 бит: 256 различных "VGA colors".


Пример


Отображается глубина цвета экрана в битах:


document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth;



Результат будет:





Попробуйте сами


Значения #rrggbb (rgb) используемые в HTML представляют "True Colors" (16,777,216 различных цветов).






Пиксельная глубина Window Screen


screen.pixelDepth Атрибут возвращает глубину цвета экрана.


Пример


Отображается глубина цвета экрана в битах:


document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;



Результат будет:





Попробуйте сами


Для современных компьютеров, глубина цвета и глубина пикселей равны.