JavaScript Window Screen

Obiekt window.screen zawiera informacje o ekranie użytkownika.

Window Screen

window.screen Obiekt można również zapisywać bez przedrostka window:

Atrybut:

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

Szerokość ekranu Window Screen

screen.width Atrybut zwraca szerokość ekranu odwiedzającego w pikselach.

Example

Wyświetla szerokość ekranu w pikselach:

document.getElementById("demo").innerHTML = "Szerokość ekranu: " + screen.width;

The result will be:




Try it yourself






Wysokość ekranu Window Screen


screen.height Atrybut zwraca wysokość ekranu odwiedzającego w pikselach.


Example


Wyświetla wysokość ekranu w pikselach:


document.getElementById("demo").innerHTML = "Wysokość ekranu: " + screen.height;



The result will be:





Try it yourself






Dostępna szerokość ekranu Window Screen


screen.availWidth Atrybut zwraca szerokość ekranu odwiedzającego w pikselach, pomniejszoną o elementy interfejsu, takie jak paski narzędzi okien.


Example


Wyświetla dostępną szerokość ekranu w pikselach:


document.getElementById("demo").innerHTML = "Dostępna szerokość ekranu: " + screen.availWidth;



The result will be:





Try it yourself






Dostępna wysokość ekranu Window Screen


screen.availHeight Atrybut zwraca wysokość ekranu odwiedzającego w pikselach, pomniejszoną o elementy interfejsu, takie jak paski narzędzi okien.


Example


Wyświetla dostępną wysokość ekranu w pikselach:


document.getElementById("demo").innerHTML = "Dostępna wysokość ekranu: " + screen.availHeight;



The result will be:





Try it yourself






Głębokość kolorów ekranu okien


screen.colorDepth Atrybut zwraca liczbę bitów używanych do wyświetlania jednego koloru.


Wszystkie współczesne komputery używają 24-bitowej lub 32-bitowej rozdzielczości kolorów:


    

  • 24 bity = 16,777,216 różnych "True Colors"
    • 

  • 32 bity = 4,294,967,296 różnych "Deep Colors"
    • 



Older computers use 14 bits: 65,536 different "High Colors" resolutions.


Very old computers and old mobile phones use 8 bits: 256 different "VGA colors".


Example


Display the screen color depth in bits:


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



The result will be:





Try it yourself


The #rrggbb (rgb) values used in HTML represent "True Colors" (16,777,216 different colors).






Window Screen pixel depth


screen.pixelDepth Property returns the pixel depth of the screen.


Example


Display the screen pixel depth in bits:


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



The result will be:





Try it yourself


For modern computers, color depth and pixel depth are equal.