J'en avais besoin, je l'ai fait, je le partage.

Add-on gratuit pour votre navigateur.

Comparaison entre une page web et sa version antérieurement capturée.

Aucune donnée ne quitte votre navigateur, rien n'est envoyé ailleurs. Ni télémétrie, ni cookies

Entre deux versions:
Une comparaison qui fait la différence.

Between two versions:
A comparison that makes a difference.

Differactor compare deux versions d'une page web et isole les nodes nouvelles ou modifiées.

Vous décidez la version à conserver et le moment de faire la comparaison.

Aucune mise en page à déchiffrer, juste la mise en évidence des nouveaux éléments.

Techniquement, Differactor inspecte le DOM de la page pour en lister les empreintes des nodes contenues et compararer avec la liste antérieure. Chaque empreinte est calculée à partir du nom, du texte, de certains attributs de la node, et enfin, de son voisinage direct. L'arbre est stocké en interne dans le browser. Sur la base de cette empreinte, Differactor sait comment sur-styler les nodes qui étaient déjà là et les autres. Differactor ne fait pas de diff stricte du contenu textuel des nodes, il fait juste un diff du DOM, mais le contenu des nodes est en grande partie basé sur leur contenu textuel.

Technicaly, Differactor iterates through the DOM and generate a fingerprint of the nodes to compare it whith a same URL document previously stored in the browser storage. Fingerprint ares identifiers based on name, content, some important attributes and a bit of neighborhood. Stored in the browser internals. Differactor applies CSS overload to new/modified nodes (yellow highlighting and blur to others. It's not your classical diff, it's a DOM tree diff.