Les outils de développeur que vous utilisez chaque jour, tous au même endroit.

Convertisseurs, formateurs, hash, validateurs et les petits utilitaires que vous rouvrez sans cesse restent réunis au lieu de se perdre entre vos onglets.

GitHub

/ Outils

■

/ Chercheur d'outils

109 outils

/ Visualiseur de diff

Texte original

Texte modifié

Mode de comparaison

/ Outil sélectionné

■

Visualiseur de diff - outil développeur gratuit

Comparer deux textes côte à côte avec un diff ligne par ligne ou mot par mot

■ 01

Qu'est-ce qu'un visualiseur de diff ?

Un visualiseur de diff est un outil qui compare deux textes et met en évidence leurs différences. Il montre ce qui a été ajouté, supprimé ou modifié, ce qui facilite la relecture des modifications dans des documents, du code ou tout texte…

■ 02

Comment ça marche ?

Cet outil utilise l'algorithme de la plus longue sous-séquence commune (LCS) pour calculer les différences entre deux textes. Les ajouts sont mis en évidence en vert avec un préfixe +, et les suppressions en rouge avec un préfixe -. Modes de diff Ligne…

■ 03

Exemples de cas

Couvre Revue de code, Comparaison de documents et Fichiers de configuration pour comparer rapidement les entrées et sorties courantes.

/ Outils associés

/ Code

■

Code source de l'outil sélectionné, affiché ici à côté de la version en direct sur la droite.

/ Code source

TypeScript

typescript

// Line-by-line diff using Longest Common Subsequence (LCS)
// No external dependencies required

interface DiffLine {
  lineNumber1: number | null;
  lineNumber2: number | null;
  content: string;
  type: 'added' | 'removed' | 'unchanged';
}