Passer au contenu principal

Comparaison de texte (Diff)

Comparez deux textes et vérifiez visuellement les différences. Utile pour les revues 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 : Affichage de toutes les modifications sur un écran
  • Vue divisée : Affichage côte à côte de l'original et de la modification

⚙️ 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 que Diff ?​

Diff est un outil qui montre les différences entre deux fichiers ou textes. À l'origine une commande Unix, c'est maintenant une fonctionnalité centrale des systèmes de contrôle de version.

Algorithme Diff​

Cet outil utilise l'algorithme diff de Myers pour :

  1. Comparer deux textes ligne par ligne
  2. Trouver les modifications minimales
  3. Distinguer 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 documents​

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 de fichiers de configuration entre environnements de production et 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é dans Git, GitHub

Vue divisée (Split View)​

  • Affichage côte à côte de l'original et de la modification
  • Facile à comprendre car on voit les deux côtés simultanément
  • Utilisé dans de nombreux outils GUI diff

Conseils​

1. Ignorer les espaces​

Utile quand 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 l'exemple" !

Outils connexes​

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

Si vous trouvez l'outil de comparaison de texte utile pour repérer les différences de code ou de documents, partagez-le ! Parfait pour les revues de code et le contrôle de version.

Confidentialité​

Cet outil fonctionne entièrement dans votre navigateur. Aucun texte comparé n'est envoyé à un serveur. Toutes les comparaisons restent privées sur votre appareil.