Javascript Ekran Genişliğini Almak

3 yıl önce @mehmettevfiksahin tarafından oluşturuldu· javascript, innerwidth, width, screen, window

Ekran genişliğini 2 şekilde alabiliriz


1. window.innerWidth kullanarak

2. screen.width kullanarak


Peki arasında ki farklar nelerdir screen.width adından da anlaşılacağı üzere ekranın genişliğine ulaşmamızı sağlar ve sabittir, window.innerWidth ise pencere genişliğine ulaşmamızı sağlar ve tarayıcının genişliğine göre küçülür yada büyür. window.innerWidth ile aldığımız genişlik değeri tarayıcı alanlarını (tarayıcı araçları, kısayol penceleri vb.) kapsamaz sadece sayfa içeriğinin genişliğini verir fakat eğer varsa dikey kaydırma çubuğunu kapsar.


const ekranGenisligi = screen.width
const pencereGenisligi = window.innerWidth

alert("Ekran genisliği => " + ekranGenisligi + " Pencere Genisligi => " + pencereGenisligi)