Obrazovka okna JavaScript
Objekt window.screen obsahuje informace o obrazovce uživatele.
Obrazovka okna
Objekt window.screen
lze zapsat bez prefixu okna.
Vlastnosti:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Šířka obrazovky okna
Vlastnost screen.width
vrací šířku obrazovky návštěvníka v pixelech.
Příklad
Zobrazení šířky obrazovky v pixelech:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Výsledek bude:
Screen Width: 1920
Výška obrazovky okna
Vlastnost screen.height
vrací výšku obrazovky návštěvníka v pixelech.
Příklad
Zobrazení výšky obrazovky v pixelech:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Výsledek bude:
Screen Height: 10000
Dostupná šířka obrazovky okna
Vlastnost screen.availWidth
vrací šířku obrazovky návštěvníka v pixelech bez funkcí rozhraní, jako je hlavní panel Windows.
Příklad
Zobrazte dostupnou šířku obrazovky v pixelech:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Výsledek bude:
Available Screen Width: 1920
Dostupná výška okenní clony
Vlastnost screen.availHeight
vrací výšku obrazovky návštěvníka v pixelech bez prvků rozhraní, jako je hlavní panel Windows.
Příklad
Zobrazte dostupnou výšku obrazovky v pixelech:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Výsledek bude:
Available Screen Height: 10000
Barevná hloubka obrazovky okna
Vlastnost screen.colorDepth
vrací počet bitů použitých k zobrazení jedné barvy.
Všechny moderní počítače používají 24bitový nebo 32bitový hardware pro rozlišení barev:
- 24 bitů = 16 777 216 různých „skutečných barev“
- 32 bitů = 4 294 967 296 různých "hlubokých barev"
Starší počítače používaly 16 bitů: 65 536 různých rozlišení „High Colors“.
Velmi staré počítače a staré mobilní telefony používaly 8 bitů: 256 různých "VGA barev".
Příklad
Zobrazte barevnou hloubku obrazovky v bitech:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Výsledek bude:
Screen Color Depth: 24
Hodnoty #rrggbb (rgb) používané v HTML představují „skutečné barvy“ (16 777 216 různých barev)
Hloubka pixelů obrazovky okna
Vlastnost screen.pixelDepth
vrátí hloubku pixelů obrazovky.
Příklad
Zobrazte hloubku pixelů obrazovky v bitech:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Výsledek bude:
Screen Pixel Depth: 24
U moderních počítačů jsou barevná hloubka a hloubka pixelů stejné.