JavaScript Window Skærm

Window Screen-objektet indeholder information om brugerens skærm.

Window Screen

window.screen Objektet kan også skrives uden window-præfiks:

Egenskab:

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

Window Screen bredde

screen.width Egenskaben returnerer besøgendes skærmbredde i pixels.

Eksempel

Viser skærmens bredde i pixels:

document.getElementById("demo").innerHTML = "Screen Width: " + screen.width;

Resultatet vil være:




Prøv det selv






Window Screen højde


screen.height Egenskaben returnerer besøgendes skærmhøjde i pixels.


Eksempel


Viser skærmens højde i pixels:


document.getElementById("demo").innerHTML = "Screen Height: " + screen.height;



Resultatet vil være:





Prøv det selv






Window Screen tilgængelig bredde


screen.availWidth Egenskaben returnerer besøgendes skærmbredde i pixels, trukket fra grænsefladeegenskaber som vinduesværktøjslinjer.


Eksempel


Viser skærmens tilgængelige bredde i pixels:


document.getElementById("demo").innerHTML = "Available Screen Width: " + screen.availWidth;



Resultatet vil være:





Prøv det selv






Window Screen tilgængelig højde


screen.availHeight Egenskaben returnerer besøgendes skærmhøjde i pixels, trukket fra grænsefladeegenskaber som vinduesværktøjslinjer.


Eksempel


Viser skærmens tilgængelige højde i pixels:


document.getElementById("demo").innerHTML = "Available Screen Height: " + screen.availHeight;



Resultatet vil være:





Prøv det selv






Window Screen farvedybde


screen.colorDepth Egenskaben returnerer antallet af bit til at vise en farve.


Alle moderne computere bruger 24 eller 32 bits hardware farveopløsning:


    

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

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



Ældre computere bruger 14 bits: 65,536 forskellige "High Colors" opløsninger.


Meget gamle computere og gamle mobiltelefoner bruger 8 bits: 256 forskellige "VGA colors".


Eksempel


Vis skærmens farve dybde i bits:


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



Resultatet vil være:





Prøv det selv


De værdier, der bruges i HTML som #rrggbb (rgb), repræsenterer "True Colors" (16,777,216 forskellige farver).






Window Screen Pixel Depth


screen.pixelDepth Egenskaben returnerer skærmens pixel dybde.


Eksempel


Vis skærmens pixel dybde i bits:


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



Resultatet vil være:





Prøv det selv


For moderne computere er farve dybde og pixel dybde ens.