Responsive Tasarım Test Cihazı
Çoklu cihaz viewport testi basitleştirildi
Web Sitesi URL'si
Cihaz Ön Ayarları
Mobil Cihazlar
iPhone 15 Pro
393 × 852
iPhone 15
393 × 852
iPhone SE
375 × 667
Samsung Galaxy S24
412 × 915
Google Pixel 8
412 × 915
OnePlus 11
412 × 915
Tablet Cihazlar
iPad Pro 12.9"
1024 × 1366
iPad Air
820 × 1180
iPad Mini
744 × 1133
Samsung Galaxy Tab S9
1024 × 1366
Surface Pro 9
912 × 1368
Masaüstü Cihazlar
MacBook Pro 16"
1728 × 1117
MacBook Air 13"
1440 × 900
Dell XPS 15
1920 × 1080
Surface Laptop 5
1536 × 1024
Ultra-wide (1440p)
2560 × 1440
4K Display
3840 × 2160
Özel Viewport
Responsive Tasarım Test Cihazı
Çoklu cihaz viewport testi basitleştirildi
Özellikler
- Çoklu cihaz viewport testi
- Gerçek zamanlı responsive önizleme
- 20+ cihaz ile cihaz ön ayarları kütüphanesi
- Özel viewport kontrolleri
- Ekran görüntüsü yakalama ve dışa aktarma
- Responsive tasarım analizi
- Performans metrikleri
- Erişilebilirlik testi
- Mobil dostluk puanı
- Düzen kayması tespiti
Nasıl kullanılır
- Test etmek istediğiniz web sitesi URL'sini girin
- Mobil, tablet veya masaüstü kategorilerinden cihaz ön ayarlarını seçin
- Gerekirse özel boyutlarla özel viewport'lar oluşturun
- Test modunu seçin (Canlı Önizleme, Ekran Görüntüsü veya Analiz)
- Teste başlamak için 'Responsive Tasarımı Test Et'e tıklayın
- Sonuçları, metrikleri ve önerileri inceleyin
- Ekran görüntülerini veya analiz raporlarını dışa aktarın
SSS
Hangi cihazlarla test yapabilirim?
iPhone 15 Pro, iPad Pro, Samsung Galaxy S24, MacBook Pro ve daha fazlası dahil 20+ cihaz ön ayarı ile test yapın. Ayrıca herhangi bir boyutta özel viewport'lar oluşturabilirsiniz.
Yerel HTML dosyalarını test edebilir miyim?
Evet, yerel HTML dosyalarını yükleyebilir veya geliştirme testleri için localhost URL'lerini test edebilirsiniz. Araç hem yerel hem de uzak web sitelerini destekler.
Cihaz simülasyonları ne kadar doğru?
Aracımız doğru responsive test için gerçek cihaz boyutları, piksel yoğunlukları ve kullanıcı ajanları kullanır. Her ön ayar gerçek cihaz özelliklerine dayanır.
Test sonuçlarını dışa aktarabilir miyim?
Evet, PNG, PDF ve ayrıntılı JSON raporları dahil çeşitli formatlarda ekran görüntüleri, analiz raporları ve responsive tasarım önerilerini dışa aktarın.
Araç JavaScript ağırlıklı sitelerle çalışır mı?
Evet, canlı önizleme modu tam JavaScript yürütme ve etkileşimli testi destekler. Formları, animasyonları ve dinamik içeriği test edebilirsiniz.
Hangi test modları mevcut?
Üç mod: Etkileşimli test için Canlı Önizleme, görsel karşılaştırmalar için Ekran Görüntüsü ve metrikler ve önerilerle ayrıntılı responsive tasarım denetimi için Analiz.
Özel viewport'ları nasıl oluştururum?
Özel genişlik, yükseklik ve yönlendirme ayarlamak için Özel Viewport bölümünü kullanın. Benzersiz ekran boyutları veya belirli breakpoint'leri test etmek için mükemmel.
Analiz hangi metrikleri sağlar?
Analiz yükleme süresi, erişilebilirlik puanları, mobil dostluk, düzen kaymaları ve uygulanabilir önerilerle ayrıntılı sorun raporlarını içerir.