Ekran okna JavaScript
Obiekt window.screen zawiera informacje o ekranie użytkownika.
Ekran okna
Obiekt window.screen
można zapisać bez przedrostka okna.
Nieruchomości:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Szerokość ekranu okna
Właściwość screen.width
zwraca szerokość ekranu odwiedzającego w pikselach.
Przykład
Wyświetl szerokość ekranu w pikselach:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Rezultatem będzie:
Screen Width: 1920
Wysokość ekranu okna
Właściwość screen.height
zwraca wysokość ekranu odwiedzającego w pikselach.
Przykład
Wyświetl wysokość ekranu w pikselach:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Rezultatem będzie:
Screen Height: 10000
Dostępna szerokość ekranu okna
Właściwość screen.availWidth
zwraca szerokość ekranu odwiedzającego, w pikselach, bez funkcji interfejsu, takich jak pasek zadań systemu Windows.
Przykład
Wyświetl dostępną szerokość ekranu w pikselach:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Rezultatem będzie:
Available Screen Width: 1920
Dostępna wysokość ekranu okna
Właściwość screen.availHeight
zwraca wysokość ekranu odwiedzającego, w pikselach, bez funkcji interfejsu, takich jak pasek zadań systemu Windows.
Przykład
Wyświetl dostępną wysokość ekranu w pikselach:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Rezultatem będzie:
Available Screen Height: 10000
Głębia koloru ekranu okna
Właściwość screen.colorDepth
zwraca liczbę bitów użytych do wyświetlenia jednego koloru.
Wszystkie nowoczesne komputery używają 24-bitowego lub 32-bitowego sprzętu do rozdzielczości kolorów:
- 24 bity = 16 777 216 różnych „True Colors”
- 32 bity = 4 294 967 296 różnych „Głębokich kolorów”
Starsze komputery używały 16 bitów: 65 536 różnych rozdzielczości „High Colors”.
Bardzo stare komputery i stare telefony komórkowe używały 8 bitów: 256 różnych "kolorów VGA".
Przykład
Wyświetl głębię kolorów ekranu w bitach:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Rezultatem będzie:
Screen Color Depth: 24
Wartości #rrggbb (rgb) używane w HTML reprezentują „Prawdziwe kolory” (16 777 216 różnych kolorów)
Głębokość pikseli ekranu okiennego
Właściwość screen.pixelDepth
zwraca głębię pikseli ekranu.
Przykład
Wyświetl głębię pikseli ekranu w bitach:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Rezultatem będzie:
Screen Pixel Depth: 24
W przypadku nowoczesnych komputerów głębia kolorów i głębia pikseli są równe.