Duyarlı tasarım testi eskiden fiziksel cihazlarla, tarayıcı yeniden boyutlandırmayla ve uzaktan test hizmetleriyle uğraşmak demekti. Lodos Simulator Panel tüm bunları tek bir arayüzde birleştirir - web sitenizi bir telefonda, tablette ve masaüstünde aynı anda görün, her görünümün yanında gerçek DevTools ile.
Eşzamanlı Çoklu Cihaz Önizlemesi
Herhangi bir URL yükleyin ve sitenizi birden çok cihaz profilinde yan yana anında görün. Desteklenen profiller şunları içerir:
- iPhone 14 / 15 Pro (390×844, 393×852)
- Samsung Galaxy S23 (360×780)
- iPad Air ve iPad Pro (820×1180, 1024×1366)
- Standart dizüstü (1280×800, 1440×900)
- Tam masaüstü (1920×1080)
- Özel boyutlar - herhangi bir genişlik ve yükseklik girin
Yerleşik DevTools
Her cihaz görünümü, entegre DevTools panelleriyle birlikte gelir:
- Konsol - cihaz başına JavaScript hatalarını ve günlüklerini görün
- Ağ - istekleri ve yanıt sürelerini inceleyin
- Depolama - localStorage, sessionStorage ve çerezleri görüntüleyin
- Performans - yükleme süresini ve işleme performansını ölçün
Erişilebilirlik ve Kontrast Kontrolü
Yerleşik kontrast denetleyici, WCAG AA/AAA kontrast gereksinimlerini karşılamayan metin öğelerini vurgular. Dokunma hedefi doğrulayıcı, 44×44px’den küçük etkileşimli öğeleri işaretler - mobil kullanılabilirlik için önerilen minimum dokunma hedefi boyutu.
Ekran Görüntüsü Yakalama
Herhangi bir cihaz görünümünün tam sayfa veya görüntü alanı ekran görüntülerini tek tıkla yakalayın. Ekran görüntüleri doğrudan Lodrive’a kaydedilebilir ya da tasarım incelemeleri için Social Hive üzerinden paylaşılabilir - üçüncü taraf bir ekran görüntüsü aracına gerek yok.
Simulator Panel’i Kimler Kullanır
- Geliştirme sırasında duyarlı kırılma noktalarını doğrulayan ön uç geliştiriciler
- Sürümden önce cihaz profilleri arasında test yapan QA mühendisleri
- Düzenlerin gerçek ekran boyutlarında nasıl işlendiğini inceleyen tasarımcılar
- Fiziksel cihazlara ihtiyaç duymadan özellik uygulamalarını kontrol eden ürün yöneticileri
