Passer au contenu principal

Comparaison de Texte (Diff)

Comparez deux textes et visualisez les différences. Utile pour la revue de code et le suivi des modifications de documents.

How to Use

  • Enter or paste your original text in the left textarea
  • Enter or paste your modified text in the right textarea
  • View differences highlighted in red (removed) and green (added)
  • Toggle between unified and split view modes
  • Use options to ignore whitespace or case differences

Fonctionnalités principales​

👀 Comparaison visuelle​

  • Lignes ajoutées : affichées en vert
  • Lignes supprimées : affichées en rouge
  • Lignes inchangées : couleur par défaut

🔄 Deux modes d'affichage​

  • Vue unifiée : Toutes les modifications sur un seul écran
  • Vue divisée : Original et modifié côte à côte

⚙️ Options de comparaison​

  • Ignorer les espaces
  • Ignorer la casse
  • Comparaison ligne par ligne

📊 Statistiques​

  • Nombre de lignes ajoutées
  • Nombre de lignes supprimées
  • Nombre de lignes inchangées

Qu'est-ce qu'un Diff ?​

Diff est un outil qui montre les différences entre deux fichiers ou textes. Originellement une commande Unix, c'est maintenant une fonctionnalité centrale des systèmes de gestion de versions.

Algorithme Diff​

Cet outil utilise l'algorithme de diff de Myers pour :

  1. Comparer les deux textes ligne par ligne
  2. Trouver les modifications minimales
  3. Distinguer les ajouts, suppressions et maintiens

Cas d'usage​

1. Revue de code​

Vérifier les modifications dans les Pull Requests ou commits

// Avant
function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    total += items[i].price;
  }
  return total;
}

// Après
function calculateTotal(items) {
  return items.reduce((sum, item) => sum + item.price, 0);
}

2. Comparaison de versions de document​

Comparer deux versions d'un document pour voir quelles parties ont été modifiées

3. Comparaison de fichiers de configuration​

Vérifier les différences entre les fichiers de configuration de production et de développement

4. Comparaison de réponses API​

Comparer les réponses API à différents moments

Modes d'affichage​

Vue unifiée (Unified View)​

  • Format diff traditionnel
  • + pour les lignes ajoutées
  • - pour les lignes supprimées
  • Principalement utilisé par Git, GitHub

Vue divisée (Split View)​

  • Original et modifié affichés côte à côte
  • Facile à comprendre car on voit les deux côtés simultanément
  • Utilisé par de nombreux outils diff GUI

Conseils​

1. Ignorer les espaces​

Utile lorsqu'il n'y a que des changements de formatage sans modification réelle du contenu.

2. Ignorer la casse​

Utile pour vérifier uniquement les modifications de contenu substantiel en ignorant les différences de casse.

3. Charger un exemple​

Vérifiez un exemple de code avec le bouton "Charger un exemple" !

Outils connexes​

💬 Cet outil vous a-t-il été utile ?​

N'hésitez pas à nous envoyer vos commentaires ou suggestions à tout moment !

🔒 Confidentialité​

Toutes les comparaisons sont effectuées dans votre navigateur. Vos textes ne sont jamais téléversés sur un serveur.