ViewGrid — Responsive Viewer geliştiren: Sinan

ViewGrid, frontend geliştiriciler, tasarımcılar ve QA ekipleri için geliştirilmiş çoklu viewport responsive test aracıdır.

Mobil, tablet, laptop ve masaüstü görünümlerini tek bir tarayıcı sekmesinde yan yana test edin. Kaydırma ve etkileşimleri senkronize ederek responsive tasarımları daha hızlı kontrol edin.

• Çoklu Viewport: Birden fazla ekran boyutunu aynı anda test edin.
• 21+ Cihaz Boyutu: Telefon, tablet, laptop, masaüstü ve katlanabilir cihazları önizleyin.
• Özel Viewport: Kendi genişlik, yükseklik ve DPR değerlerinizi oluşturun.
• Dikey & Yatay Mod: Ekran yönünü anında değiştirin.
• Esnek Yerleşim: Viewport'ları grid, satır veya sütun şeklinde düzenleyin.

• Senkronize Kaydırma: Bir kez kaydırın, tüm breakpoint'leri karşılaştırın.
• Etkileşim Senkronizasyonu: Tıklamaları ve desteklenen etkileşimleri viewport'lar arasında senkronize edin.
• Navigasyon Senkronizasyonu: Tüm aktif görünümleri aynı sayfada tutun.

• Figma Tasarım Overlay: PNG veya SVG tasarımlarını canlı sayfanın üzerine yerleştirerek karşılaştırın.
• Split Comparison: Responsive görünümleri etkileşimli olarak karşılaştırın.
• Ekran Görüntüsü: Tek bir viewport'un veya çalışma alanının ekran görüntüsünü alın.
• Responsive Issue Scanner: Yatay taşma, kırpılmış içerik ve küçük dokunma alanları gibi sorunları tespit edin.

ViewGrid'i localhost, staging, dahili geliştirme ortamları ve production sitelerinde kullanabilirsiniz.

Responsive tasarım testi, CSS debugging, breakpoint testi, frontend geliştirme, design QA ve farklı ekran boyutlarını kontrol etmek için tasarlanmıştır.


ViewGrid tarayıcınızda yerel olarak çalışır ve telemetri içermez.

Sayfa içeriğinizi işleyen ViewGrid analiz araçları veya bulut sunucuları bulunmaz.

Tarayıcıyı sürekli yeniden boyutlandırmayı bırakın. Tüm breakpoint'leri aynı anda test edin.