JavaScript Pencere Ekranı
window.screen nesnesi, kullanıcının ekranı hakkında bilgi içerir.
Pencere ekranı
Nesne window.screen
, pencere öneki olmadan yazılabilir.
Özellikler:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Pencere Ekran Genişliği
Özellik screen.width
, ziyaretçinin ekranının genişliğini piksel olarak döndürür.
Örnek
Ekranın genişliğini piksel olarak görüntüleyin:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Sonuç:
Screen Width: 1920
Pencere Ekran Yüksekliği
Özellik screen.height
, ziyaretçinin ekranının yüksekliğini piksel cinsinden döndürür.
Örnek
Ekranın yüksekliğini piksel olarak görüntüleyin:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Sonuç:
Screen Height: 10000
Pencere Ekranı Mevcut Genişlik
Bu screen.availWidth
özellik, ziyaretçinin ekranının genişliğini piksel olarak, Windows Görev Çubuğu gibi arayüz özelliklerini eksi olarak döndürür.
Örnek
Ekranın mevcut genişliğini piksel olarak görüntüleyin:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Sonuç:
Available Screen Width: 1920
Pencere Ekranı Mevcut Yükseklik
Özellik screen.availHeight
, ziyaretçinin ekranının yüksekliğini piksel cinsinden, Windows Görev Çubuğu gibi arayüz özelliklerinin eksi olarak döndürür.
Örnek
Ekranın mevcut yüksekliğini piksel olarak görüntüleyin:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Sonuç:
Available Screen Height: 10000
Pencere Ekran Renk Derinliği
Özellik screen.colorDepth
, bir rengi görüntülemek için kullanılan bit sayısını döndürür.
Tüm modern bilgisayarlar, renk çözünürlüğü için 24 bit veya 32 bit donanım kullanır:
- 24 bit = 16.777.216 farklı "Gerçek Renk"
- 32 bit = 4,294,967,296 farklı "Derin Renkler"
Daha eski bilgisayarlar 16 bit kullanıyordu: 65.536 farklı "Yüksek Renk" çözünürlüğü.
Çok eski bilgisayarlar ve eski cep telefonları 8 bit kullanıyordu: 256 farklı "VGA rengi".
Örnek
Ekranın renk derinliğini bit olarak görüntüleyin:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Sonuç:
Screen Color Depth: 24
HTML'de kullanılan #rrggbb (rgb) değerleri "Gerçek Renkleri" (16.777.216 farklı renk) temsil eder
Pencere Ekranı Piksel Derinliği
Özellik screen.pixelDepth
, ekranın piksel derinliğini döndürür.
Örnek
Ekranın piksel derinliğini bit olarak görüntüleyin:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Sonuç:
Screen Pixel Depth: 24
Modern bilgisayarlar için Renk Derinliği ve Piksel Derinliği eşittir.