📄 Comparaison visuelle de page web

Une petite astuce utilisée lors de certains développements où je devais « debugger » l’apparence d’un front un peu complexe :

1. Obtenir une image de la page dans son entièreté, firefox à la capacité de le faire naturellement au clic-droit.
2. Utiliser imagemagick pour faire un différentiel visuel des deux images.

Cette méthode peut paraître un peu « lourde », mais permet de tester ce qui importe vraiment : le rendu.

Aller plus loin

Un autre outil de comparaison intéressant à envisager pour des cas un peu différent (moins visuel et besoin d’exactitude sur les fichiers rendu) est diffoscope.