JavaScript Window Screen

window.screen-objektet innehåller information om användarens skärm.

Fönster Skärm

window.screen Objektet kan också skrivas utan window-prefix:

Egenskap:

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

Skärmbredd

screen.width Egenskapen returnerar besökarens skärmbredd i pixlar.

Example

Visar skärmbredden i pixlar:

document.getElementById("demo").innerHTML = "Skärmbredd: " + screen.width;

The result will be:




Try it yourself






Skärmhöjd


screen.height Egenskapen returnerar besökarens skärmhöjd i pixlar.


Example


Visar skärmhöjden i pixlar:


document.getElementById("demo").innerHTML = "Skärmhöjd: " + screen.height;



The result will be:





Try it yourself






Tillgänglig Skärmbredd


screen.availWidth Egenskapen returnerar besökarens skärmbredd i pixlar, minskad med gränssnittsdrag som fönsterverktygsfält.


Example


Visar den tillgängliga skärmbredden i pixlar:


document.getElementById("demo").innerHTML = "Tillgänglig Skärmbredd: " + screen.availWidth;



The result will be:





Try it yourself






Tillgänglig Skärmhöjd


screen.availHeight Egenskapen returnerar besökarens skärmhöjd i pixlar, minskad med gränssnittsdrag som fönsterverktygsfält.


Example


Visar den tillgängliga skärmhöjden i pixlar:


document.getElementById("demo").innerHTML = "Tillgänglig Skärmhöjd: " + screen.availHeight;



The result will be:





Try it yourself






Fönster Skärm Färgdjup


screen.colorDepth Egenskapen returnerar antalet bitar som används för att visa en färg.


Alla moderna datorer använder 24 bit eller 32 bit hårdvaruupplösning för färg:


    

  • 24 bits = 16,777,216 olika "True Colors"
    • 

  • 32 bits = 4,294,967,296 olika "Deep Colors"
    • 



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


Very old computers and old-style 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.