Window Screen JavaScript

Objek window.screen mengandung informasi layar pengguna.

Layar Window

window.screen Objek dapat ditulis tanpa awalan window:

Properti:

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

Lebar Layar Window Screen

screen.width Properti ini mengembalikan lebar layar pengunjung dalam paksi pixel.

Contoh

Menampilkan lebar layar dalam paksi pixel:

document.getElementById("demo").innerHTML = "Lebar Layar: " + screen.width;

Hasilnya akan menjadi:




Coba Sendiri






Tinggi Layar Window Screen


screen.height Properti ini mengembalikan tinggi layar pengunjung dalam paksi pixel.


Contoh


Menampilkan tinggi layar dalam paksi pixel:


document.getElementById("demo").innerHTML = "Tinggi Layar: " + screen.height;



Hasilnya akan menjadi:





Coba Sendiri






Lebar Layar Window Screen


screen.availWidth Properti ini mengembalikan lebar layar pengunjung dalam paksi pixel, mengurangi fitur antarmuka seperti toolbar jendela.


Contoh


Menampilkan lebar layar yang tersedia dalam paksi pixel:


document.getElementById("demo").innerHTML = "Lebar Layar yang Tersedia: " + screen.availWidth;



Hasilnya akan menjadi:





Coba Sendiri






Tinggi Layar Window Screen


screen.availHeight Properti ini mengembalikan tinggi layar pengunjung dalam paksi pixel, mengurangi fitur antarmuka seperti toolbar jendela.


Contoh


Menampilkan tinggi layar yang tersedia dalam paksi pixel:


document.getElementById("demo").innerHTML = "Tinggi Layar yang Tersedia: " + screen.availHeight;



Hasilnya akan menjadi:





Coba Sendiri






Kemiringan Layar Window


screen.colorDepth Properti ini mengembalikan bit yang digunakan untuk menampilkan warna.


Semua komputer modern menggunakan resolusi warna hardware 24 bit atau 32 bit:


    

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

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



Komputer yang lebih lama menggunakan 14 bit: 65,536 resolusi "High Colors" yang berbeda.


Komputer yang sangat lama dan ponsel lama menggunakan 8 bit: 256 warna "VGA" yang berbeda.


Contoh


Tampilkan kedalaman warna layar dalam bit:


document.getElementById("demo").innerHTML = "Kedalaman Warna Layar: " + screen.colorDepth;



Hasilnya akan menjadi:





Coba Sendiri


Nilai #rrggbb (rgb) yang digunakan dalam HTML untuk mewakili "True Colors" (berbeda warna di 16,777,216).






Kedalaman Pixel Layar Window Screen


screen.pixelDepth Properti ini mengembalikan kedalaman pixel layar.


Contoh


Tampilkan kedalaman warna layar dalam bit:


document.getElementById("demo").innerHTML = "Kedalaman Pixel Layar: " + screen.pixelDepth;



Hasilnya akan menjadi:





Coba Sendiri


Untuk komputer modern, kedalaman warna dan kedalaman pixel adalah sama.