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

SerkanKacan

Paylaşım Ekibi
28 May 2019
362
13
istanbul
Credits
0
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
Bu linki görmek için izniniz yok Giriş yap veya üye ol.
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
Bu linki görmek için izniniz yok Giriş yap veya üye ol.
Width – Ekranın Genişliğini Elde Etme

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

JavaScript:
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.

JavaScript:
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.


JavaScript:
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
Bu linki görmek için izniniz yok Giriş yap veya üye ol.
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.
JavaScript:
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.
kaynak : btdersleri.com