- Duyarlı tasarım, erişilebilirlik, performans testi ve daha fazlası için web sitesi geliştirme, hata ayıklama ve test özelliklerini bir araya getiren masaüstü tarayıcı (Chromium tabanlı)
- Tüm işlemler gerçek zamanlı olarak senkronize edilir; farklı boyutlardaki viewport'lar aynı anda görüntülenebilir ve yönetilebilir
- Tıklama, giriş, kaydırma, hover gibi tüm etkileşimler anında tüm viewport'lara yansıtılır
- Mac, Windows ve Linux'ta kullanılabilir; 14 günlük ücretsiz deneme sunar
Temel özellik özeti
-
Duyarlı tasarım
- Mobilden 5K monitöre kadar tüm viewport'ları tek bakışta görmek mümkün
- Tarayıcı boyutunu elle değiştirmeden CSS breakpoint testleri yapılabilir
-
Gerçek zamanlı analiz ve senkronizasyon
- Kaydırma, tıklama, giriş ve hover dahil tüm etkileşimler bütün viewport'larda gerçek zamanlı senkronize edilir
- Konsol ve öğe denetleyicisi de entegre olduğundan tekrar eden işler azaltılabilir
-
Erişilebilirlik ve performans denetimi
- Yapı, meta veriler ve erişilebilirlik (A11y) gerçek zamanlı kontrol edilir ve iyileştirme önerileri sunulur
- 40'tan fazla hata ayıklama aracıyla farklı şekillerde test yapılabilir
-
Karanlık mod ve çeşitli medya testleri
- İşletim sistemi ayarlarını değiştirmeden karanlık/aydınlık mod aynı anda test edilebilir
- Hareket azaltma, veri tasarrufu modu, yazdırma stilleri gibi çeşitli medya koşulları simüle edilebilir
-
Sosyal medya kartı önizlemesi
- Twitter(X), Facebook, Slack, LinkedIn ve Discord gibi başlıca platformların meta kart önizlemeleri desteklenir
- Açık/koyu modda ve localhost durumunda bile piksel hassasiyetinde doğru önizleme sağlar
-
Geliştirici aracı eklenti desteği
- React, Vue, Angular, Svelte, Redux ve daha birçok DevTools eklentisi kullanılabilir
- Chromium tabanlı bir tarayıcı olduğu için tanıdık bir geliştirme ortamı sunar
Polypane'in öne çıkan avantajları
- Tek bir tarayıcıyla farklı cihaz ve ortamları test etmek mümkün
- Geliştirme ve tasarım iş akışı hızını 5 kata kadar artırır
- Çok amaçlı hata ayıklama araçları, erişilebilirlik denetimi, viewport senkronizasyonu, ekran görüntüsü, gerçek zamanlı yeniden yükleme ve daha fazlasını tek pakette sunar
- Kullanıcı geri bildirimleriyle gelişir; %100 kullanıcı odaklı, kendi kendini finanse eden bir projedir
Diğer önemli özellikler
- Sınırsız viewport oluşturma
- Klavye, hover ve kaydırma senkronizasyonu
- Izgara overlay
- JSON görüntüleyici ve çeşitli cihaz preset'leri
- Yatay taşma tespiti
- Görsel tasarım karşılaştırması (diff)
- Renk körlüğü simülasyonu
- Meta veri genel görünümü
- Web Vitals denetleyicisi
- Dokunma emülasyonu
- Bozuk bağlantı tespiti
- Özel header ayarları
- Workspace kaydetme ve paylaşma özellikleri
Geliştiriciden bir not
- Geliştirici Kilian Valkhof'un çok sayıda web sitesi yaparken yaşadığı zorlukları çözmek için başlattığı bir projedir
- Yalnızca Chrome kullandığı zamana kıyasla çalışma hızı yaklaşık %60 arttı; kullanıcılar da üretkenlikte 2 ila 5 kat artış hissediyor
- Yatırım almadan, kullanıcı geri bildirimleri ve aboneliklerle sürdürülen; geliştirici odaklı araçlar üretmeye yoğunlaşan bir projedir
Kullanıcı yorumları özeti
- Vivian Guillen: “İnanılmaz hızlı ve kaydırma senkronizasyonu harika”
- Scott Tolinski: “Breakpoint'ler arasındaki boşluk sorunlarını kolayca fark ettiriyor”
- Sara Soueidan: “Hata ayıklama araçları o kadar iyi ki hayran kaldım”
- Kevin Powell: “Erişilebilirlik denetimi ve hata ayıklama özellikleri mükemmel”
- Segun Adebayo (Chakra UI geliştiricisi): “Modern uygulama ve site geliştirme için olmazsa olmaz bir araç”
4 yorum
https://responsiveviewer.org/
Chrome uzantısı olarak dağıtılan bir seçenek de var. Bazı özelliklerden vazgeçerseniz uzantı olmadan da doğrudan kullanabilirsiniz.
Tuhaf biçimde bununla ilgili bir bilgiye ulaşmak zor ama GitHub öğrenci hesabını bağlarsanız ücretsiz kullanabiliyorsunuz. Bu sayede geçen kişisel projemde onu iyi kullandım.
Özellikleri biraz eksik olsa da benzer bir tarayıcı var.
https://responsively.app/
Polypane ücretli olduğu için tereddüt edenler varsa, bir kez denemenizi öneririm.
Hacker News görüşleri