Qui n'a jamais passé de longues minutes à relire deux versions d'un même fichier pour y dénicher une virgule manquante ou une ligne modifiée ? Que vous soyez développeur en train de relire une merge request, rédacteur comparant deux versions d'un document, ou administrateur système vérifiant un fichier de configuration, un bon comparateur de texte vous fait gagner un temps précieux. Celui de DevToolbox va encore plus loin : il fonctionne intégralement dans votre navigateur, ne conserve aucune donnée, et vous permet même de partager un lien avec vos collègues pour qu'ils voient exactement les mêmes différences que vous.
Pourquoi un comparateur de texte est indispensable
Un comparateur de texte (ou outil diff) met en évidence les ajouts, suppressions et modifications entre deux contenus. Les cas d'usage sont nombreux :
- Revue de code : visualisez les changements d'un commit sans ouvrir un IDE.
- Configuration serveur : comparez deux fichiers
.envoudocker-compose.ymlpour éviter les régressions. - Données JSON : voyez immédiatement si une réponse d'API a changé entre deux versions.
- Rédaction collaborative : suivez les modifications apportées à un article ou une documentation.
L'outil de DevToolbox propose une interface simple mais puissante, avec des options avancées comme le diff mot par mot et la coloration syntaxique.
Prendre en main le comparateur en 3 étapes
1. Collez vos deux textes
L'interface se compose de deux grandes zones de saisie côte à côte. À gauche, le texte original ; à droite, la version modifiée. Vous pouvez taper directement, coller depuis le presse-papier (les boutons « Coller » sont là pour ça), ou même importer un fichier texte.
Un exemple est préchargé pour vous permettre de tester immédiatement : un objet JSON dont l'âge et la ville changent.
2. Choisissez vos options
Avant de lancer la comparaison, vous pouvez affiner le comportement :
- Ignorer la casse : pour que « Chaîne » et « chaîne » soient considérés comme identiques.
- Ignorer les espaces en fin de ligne : pratique quand votre éditeur en ajoute automatiquement.
- Ignorer les lignes vides : pour ne pas polluer le résultat avec des sauts de ligne inutiles.
- Coloration syntaxique : choisissez un langage (JSON, SQL, JavaScript, Python...) ou laissez l'auto-détection faire son travail.
3. Interprétez le résultat
Cliquez sur Comparer. Le résultat s'affiche dans un panneau sous les éditeurs. Deux modes d'affichage sont disponibles :
- Vue fractionnée (split) : les deux textes sont présentés côte à côte, avec les lignes ajoutées en vert et les lignes supprimées en rouge. C'est le mode le plus intuitif pour une première lecture.
- Vue unifiée (unified) : inspirée de la sortie de
git diff, elle affiche un seul flux continu. Les lignes ajoutées sont précédées d'un+, les lignes supprimées d'un-. Les développeurs la préfèrent souvent car elle ressemble à ce qu'ils voient dans leur terminal.
En haut, un compteur récapitule le nombre d'ajouts, de suppressions et de lignes inchangées. Pour chaque ligne modifiée, un diff mot par mot est également affiché : les caractères ou mots exacts qui ont changé sont surlignés en rouge (supprimé) ou en vert (ajouté).
Partager un diff avec vos collègues
Une fonctionnalité que j'utilise presque quotidiennement : le bouton Partager URL. Il encode l'intégralité de votre configuration (les deux textes, les options, la vue choisie) dans le fragment d'URL de la page. Copiez ce lien et envoyez-le par message ou par email. La personne qui l'ouvrira retrouvera exactement le même état, sans rien avoir à reconfigurer. Aucune donnée n'est stockée sur un serveur : tout est décodé localement dans le navigateur.
Des options pensées pour les développeurs
La coloration syntaxique automatique détecte le langage du code que vous comparez. Si vous collez du JSON, les clés et valeurs seront colorées, ce qui rend la lecture beaucoup plus agréable. Vous pouvez également forcer un langage particulier via le menu déroulant.
Les boutons Inverser et Effacer permettent de manipuler rapidement les contenus. Le bouton Copier dans chaque zone de texte facilite le transfert vers un autre outil.
Confidentialité et performance
Comme tous les outils DevToolbox, le comparateur fonctionne entièrement dans votre navigateur. Aucune ligne de texte n'est envoyée à un serveur. Vous pouvez l'utiliser pour comparer des données sensibles (fichiers de configuration avec mots de passe, données clients) en toute sécurité. Même la fonction de partage par URL ne fait que compresser les données dans le lien, sans jamais les transmettre à un tiers.
Intégration avec les autres outils de la boîte à outils
Une fois que vous avez identifié une différence dans un fichier JSON, vous pouvez basculer vers d'autres utilitaires :
- Le Formateur JSON pour valider et indenter proprement les deux versions avant de les comparer.
- Le Convertisseur JSON ↔ CSV pour transformer vos données JSON en tableau et comparer visuellement les colonnes.
- Le Décodeur JWT pour inspecter les tokens et vérifier s'ils ont été modifiés.
- Le Générateur d'expressions Cron pour planifier des tâches qui automatisent vos comparaisons.
- Le Convertisseur Unix Timestamp pour déchiffrer les dates dans vos fichiers de logs.
- Le Générateur de mots de passe sécurisés pour créer des identifiants forts après avoir comparé vos fichiers
.env.
Questions fréquentes (FAQ)
Quelle est la différence entre la vue fractionnée et la vue unifiée ?
La vue fractionnée place les deux textes côte à côte, ce qui est idéal pour comparer visuellement des versions courtes. La vue unifiée ressemble à la sortie de git diff : elle affiche un seul flux avec des marqueurs + et -. Les développeurs la préfèrent souvent car elle correspond à ce qu'ils voient dans leur terminal.
Puis-je comparer deux fichiers JSON ?
Oui, l'outil intègre une coloration syntaxique pour le JSON. Pour une comparaison sémantique (c'est-à-dire qui ignore l'ordre des clés), nous vous conseillons d'abord de formater vos deux JSON avec notre formateur JSON afin d'obtenir une indentation cohérente.
Le comparateur fonctionne-t-il hors ligne ?
Absolument. Une fois la page chargée, tout le traitement s'effectue dans votre navigateur. Vous pouvez débrancher votre connexion Internet et continuer à comparer des textes.
Comment puis-je comparer de très gros fichiers ?
L'outil est optimisé pour des fichiers allant jusqu'à quelques centaines de kilooctets. Au-delà, les performances dépendent de votre machine. Pour des fichiers de plusieurs mégaoctets, mieux vaut utiliser un outil en ligne de commande comme diff sous Linux.