JavaScript Pencere Ekranı

window.screen nesnesi, kullanıcı ekranının bilgilerini içerir.

Pencere Ekran

window.screen Özellik, "window" ön eki olmadan da yazılabilir:

Özellik:

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

Pencere Ekran Genişlik

screen.width Özellik, ziyaretçinin ekranının genişliğini pixel cinsinden döndürür.

Örnek

Ekranın pixel cinsinden genişliğini gösterir:

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

Sonuç şu olacak:




Kişisel olarak deneyin






Pencere Ekran Yükseklik


screen.height Özellik, ziyaretçinin ekranının yüksekliğini pixel cinsinden döndürür.


Örnek


Ekranın pixel cinsinden yüksekliğini gösterir:


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



Sonuç şu olacak:





Kişisel olarak deneyin






Pencere Ekran Kullanılabilir Genişlik


screen.availWidth Özellik, ziyaretçinin ekranının genişliğini pixel cinsinden döndürür, arayüz özellikleri gibi pencere araç çubuklarından çıkarılmıştır.


Örnek


Ekranın pixel cinsinden kullanılabilir genişliğini gösterir:


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



Sonuç şu olacak:





Kişisel olarak deneyin






Pencere Ekran Kullanılabilir Yükseklik


screen.availHeight Özellik, ziyaretçinin ekranının yüksekliğini pixel cinsinden döndürür, arayüz özellikleri gibi pencere araç çubuklarından çıkarılmıştır.


Örnek


Ekranın pixel cinsinden kullanılabilir yüksekliğini gösterir:


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



Sonuç şu olacak:





Kişisel olarak deneyin






Pencere Ekran Renk Derinliği


screen.colorDepth Özellik, bir rengi göstermek için kullanılan bit sayısını döndürür.


Tüm modern bilgisayarlar 24 bit veya 32 bit donanım renk çözünürlüğünü kullanır:


    

  • 24 bits = 16,777,216 farklı "True Colors"
    • 

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



Daha eski bilgisayarlar 14 bit kullanır: 65,536 farklı "High Colors" çözünürlüğü.


Çok eski bilgisayarlar ve eski telefonlar 8 bit kullanır: 256 farklı "VGA renkleri".


Örnek


Ekran renk derinliğini bit olarak gösterin:


document.getElementById("demo").innerHTML = "Ekran Renk Derinliği: " + screen.colorDepth;



Sonuç şu olacak:





Kişisel olarak deneyin


HTML'de kullanılan #rrggbb (rgb) değerleri "True Colors" (16,777,216'ta farklı renkler) temsil eder.






Pencere Ekran Piksel Derinliği


screen.pixelDepth Özellik ekranın piksel derinliğini döndürür.


Örnek


Ekran piksel derinliğini bit olarak gösterin:


document.getElementById("demo").innerHTML = "Ekran Piksel Derinliği: " + screen.pixelDepth;



Sonuç şu olacak:





Kişisel olarak deneyin


Modern bilgisayarlar için renk derinliği ve piksel derinliği eşittir.