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
KONU İLE İLGİLİ ÖRNEKLER
Bu konu ile ilgili örnek bulunmamaktadır.
10175 kez okundu.