ViewPortIQ Google Chrome için

Tarayıcı içi duyarlı test ile otomatik CSS düzeltmeleri

Dokuz varsayılan ve özel görünüm alanında eşzamanlı çok cihazlı testler tarayıcı içinde çalışır, sayfaları düzen bozulması için taramanıza ve düzeltmeleri gerçek zamanlı olarak önizlemenize olanak tanır. NIMMA LOKESH REDDY tarafından oluşturulan ViewPortIQ, aşım, örtüşme ve dokunma hedefi sorunlarını inceleyen web geliştiricileri ve tasarımcılar için bir Chrome uzantısıdır. Hızlı doğrulama gerektiren geliştiriciler ve QA ekipleri için uygun hale getiren, Yerel analiz, Düzenlenebilir CSS önerileri ve Responsive Score sunar.

Tarayıcıyı çoklu görünüm testi tezgahına dönüştürür

ViewPortIQ, dokuz cihaz profilini aynı anda görüntüler ve özel kırılma noktaları eklemenize ve yönleri döndürmenize olanak tanır, böylece masaüstü ve mobil düzenleri yan yana inceleyebilirsiniz. Eklenti, her sorun için etkilenen görünüm noktalarını raporlar ve ciddiyet ile güven puanları atar, bu da bir sayfa üst üste binen kontroller, kesilmiş metin veya birden fazla boyutta içerik taşması gösterdiğinde düzeltmeleri önceliklendirmeye yardımcı olur.

Dış veri maruziyetini sınırlamak için yerel olarak analiz yapar

Tüm tarama ve öneri mantığı tarayıcı içinde çalışır, bu nedenle hiçbir şey dış sunuculara gönderilmez. Bu tasarım, test sırasında sayfa HTML'sini ve DOM durumunu yerel tutar ve prototip sayfaları veya sahneleme siteleri için gizlilik gerektiren iş akışlarını destekler. Doğrulama sistemi, yanlış pozitifleri azaltmak için kontrolleri tekrarlar, bu da dinamik render sırasında bir düzen dalgalandığında gürültülü uyarıları azaltır.

Anlık önizlemelerle uygulanabilir CSS önerileri sunar

Aracın muhtemel CSS nedenlerini tanımlar ve düzeltme önerileri sunar ve bunları her görünümde sonuçları hemen önizlemek için geçici olarak uygulayabilirsiniz. Anlık önizleme yeteneği, kuralları kod tabanınıza kopyalamadan önce düzeltmeleri doğrulamanıza olanak tanır ve ayrıntılı sorun raporları dosya görünümünü ve Responsive Score'u içerir, bu da test edilen boyutlar arasında düzen sağlığını 0'dan 100'e kadar nicelendirir.

Geliştiriciler ve QA için pratik, doğrulama odaklı test

ViewPortIQ, odaklanmış, tarayıcı içi duyarlı kontroller ve yerinde CSS doğrulaması gereken geliştiriciler ve tasarımcılar için uygundur. Yerel işleme ve tekrar eden doğrulama, yanlış pozitifleri azaltır, ancak bulut tabanlı işbirliği veya otomatik CI entegrasyonu gerektiren ekiplerin ek araçlara ihtiyacı olacaktır. Manuel hata ayıklama ve birden fazla görünüm alanında hızlı doğrulama için, tipik geliştirici masaüstlerine uyan doğrudan, gizliliğe duyarlı bir iş akışı sağlar.