Ekran görüntülerini karşılaştırmak için basit bir araç olan Find elements diff'i bulun.
Find elements diff, furnasteam tarafından geliştirilen ücretsiz bir Chrome eklentisidir. Bu, Tarayıcılar kategorisine ve Eklentiler ve Araçlar alt kategorisine dahil edilir. Bu basit araç, geliştiricilerin ve QA ekiplerinin müşterilere piksel-perfect frontend teslimatını sağlamalarına yardımcı olmak için tasarlanmıştır.
Find elements diff'in ana amacı, farklı sayfaların DOM öğelerinin ekran görüntülerini karşılaştırmaktır. Özellikle bir web sayfasının geliştirme ve üretim sürümlerini karşılaştırırken son derece faydalıdır. Bu uzantıyı kullanarak, geliştiriciler ve QA ekipleri iki sürüm arasındaki herhangi bir farkı kolayca belirleyebilir.
DOM öğelerinin ekran görüntülerini karşılaştırmanın yanı sıra, Find elements diff kullanıcıların bir png dosyası olarak yüklenen bir tasarımla bir DOM öğesinin ekran görüntüsünü karşılaştırmasına da izin verir. Bu özellik, frontend'in tasarıma tam olarak uyduğunu sağlar.
Find elements diff, DevToolsPanel'e sorunsuz bir şekilde entegre edilmiştir, bu da kullanıcılar için kolay erişilebilir hale getirir. Aracı kullanmak için kullanıcılar sadece Elements'e gidip Find Diff seçeneğini seçmelidir.
Kullanıcı dostu arayüzü ve güçlü karşılaştırma yetenekleriyle, Find elements diff, piksel-perfect frontend teslimatı sağlamak isteyen geliştiriciler ve QA ekipleri için değerli bir araçtır.
