Ekran ve görüntü alanı çözünürlüğünü algılayın, duyarlı kesme noktası testi ve gerçek zamanlı yeniden boyutlandırma güncellemeleri ile
Kullanışlı Araçlar
Bu Araç Hakkında
Ekran Çözünürlüğü Algılayıcı; ekran çözünürlüğünüzü, görüntü alanı boyutunu, cihaz piksel oranını, kullanılabilir ekran alanını, yönü ve duyarlı kesme noktalarını anında gösterir — tüm bilgiler tarayıcı penceresini yeniden boyutlandırdığınızda gerçek zamanlı olarak güncellenir.
Temel Özellikler
- Ekran çözünürlüğü ve görüntü alanı boyutunun anında algılanması
- Cihaz piksel oranı ve kullanılabilir ekran alanı gösterimi
- Geçerli yönü gösterir (yatay veya dikey)
- Duyarlı kesme noktası göstergesi (XS, SM, MD, LG, XL, XXL)
- Tarayıcı penceresi yeniden boyutlandırıldığında gerçek zamanlı güncelleme
- Kurulum gerektirmez, tamamen tarayıcıda çalışır
Kullanım Alanları
- Web geliştirme için ekran çözünürlüğünü ve görüntü alanı boyutunu kontrol edin
- Düzenin şu anda hangi duyarlı kesme noktasında olduğunu doğrulayın
- Farklı pencere boyutlarında web sitesi yanıt verme durumunu test edin
- Yüksek DPI ekran testi için cihaz piksel oranını belirleyin
- Duyarlı tasarım çalışması sırasında ekran yönünü hızla kontrol edin
screen
resolution
viewport
Sık Sorulan Sorular
Ekran Çözünürlüğü Algılayıcı hangi bilgileri gösterir?
Araç; ekran çözünürlüğünüzü, görüntü alanı boyutunu, cihaz piksel oranını, kullanılabilir ekran alanını, geçerli yönü (yatay veya dikey) ve görüntü alanının hangi duyarlı kesme noktasına ait olduğunu gösterir.
Ekran çözünürlüğü ve görüntü alanı boyutu arasındaki fark nedir?
Ekran çözünürlüğü, monitörün fiziksel piksel boyutudur (örn. 1920x1080). Görüntü alanı boyutu, tarayıcı arayüzü, görev çubuğu ve ölçeklendirme ayarları nedeniyle genellikle tam ekrandan daha küçük olan görünür tarayıcı penceresi alanıdır.
Cihaz piksel oranı nedir?
Cihaz Piksel Oranı (DPR), fiziksel ekran piksellerinin CSS piksellerine oranıdır. 2 DPR, her CSS pikselinin 2x2 fiziksel piksel kullandığı anlamına gelir, Retina ve yüksek DPI ekranlarda yaygındır. Bu, görüntü işleme ve duyarlı tasarımı etkiler.
Duyarlı kesme noktaları nasıl test edilir?
Araç, geçerli görüntü alanı genişliğini ve yüksekliğini gerçek zamanlı olarak gösterir. Boyut değişikliklerini görmek için tarayıcı penceresini yeniden boyutlandırmanız yeterlidir. Bu, farklı pencere boyutlarında hangi CSS kesme noktalarının aktif olduğunu belirlemeye yardımcı olur.
Ekran yönü algılanabilir mi?
Evet. Araç, ekranın dikey mi yatay mı olduğunu gösterir, özellikle mobil cihazlarda veya döndürülebilir monitörlerde duyarlı düzenleri test ederken kullanışlıdır.