JavaScript ile Kullanıcının Ekran Bilgilerini Elde Etme


Twitter'da Paylaş Favorilerime Ekle

Kullanıcının Ekranı ile İlgili Bilgi Toplama

Web sayfalarımızda bazen kullanıcının ekran genişliğine göre farklı işlem yaptırmamız gerekebilir. Örneğin kullanıcının ekran genişliği belli bir değerin altındaysa, farklı bir url'ye yönlendirmek ya da bazı nesneleri gizlemek gibi işlemler yapmak isteyebiliriz.

Window.Screen sınıfını kullanarak, sayfamızı görüntüleyen kullanıcının ekranı ile ilgili genişlik, yükseklik, renk derinliği gibi bilgileri elde edebiliriz.

Screen.Width – Ekranın Genişliğini Elde Etme

Kullanıcının ekranının kaç piksel genişliğe sahip olduğunu verir.

document.getElementById("kutu1").innerHTML =

"Ekran Genişliğiniz: " + screen.width;

Screen.Height – Ekranın Yüksekliğini Elde Etme

Kullanıcının ekranının kaç piksel yüksekliğe sahip olduğunu verir.

document.getElementById("kutu2").innerHTML =

"Ekran Yüksekliğiniz: " + screen.height;

Screen.availWidth ve Screen.availHeight – Ekrandaki Kullanılabilir Alanın Boyutları

Kullanıcı ekranının kullanılabilir genişlik ve yüksekliğini elde etmemizi sağlar. Örneğin ekran yüksekliğinden görev çubuğunun yüksekliği çıkarılır.

document.getElementById("kutu3").innerHTML =

"Ekran Genişliğiniz: " + screen.width +

"<br/>Kullanılabilir ekran genişliğiniz: " + screen.availWidth +

"<br/>Ekran Yüksekliğiniz: " + screen.height +

"<br/>Kullanılabilir ekran yüksekliğiniz: " + screen.availHeight;

Screen.colorDepth -  Ekran Renk Derinliğini Elde Etme

Kullanıcının ekranının kaç bitlik renk derinliğine sahip olduğu bilgisini elde edebiliriz. Günümüz monitörlerinin çoğu 24 veya 32 bit renk derinliğini kullanmaktadır.

24 bitlik sistemde toplam 16.777.216 farklı renk kullanılabilirken, 32 bitlik sistemde 4.294.967.296 farklı renk kullanılabilir. Daha eski bilgisayarların kullandığı 16 bitlik sistemde 65.536, 8 bitlik sistemde ise 256 renk kullanılabilmekteydi.  

document.getElementById("kutu4").innerHTML =

"Renk derinliğiniz: " + screen.colorDepth;

Günümüz bilgisayarları için Screen.pixelDepth kullanılarak da aynı iş yapılabilir.

javascript kullanıcının ekran genişliğini öğrenme, kullanıcının ekran genişliğine göre işlem yapma, kullanıcının ekranı ile ilgili bilgi toplama elde etme, kullanıcı ekranının renk derinliğini öğrenme