Diff Checker

Ein Diff Checker vergleicht zwei Textblöcke und hebt genau hervor, was sich geändert hat - welche Zeilen hinzugefügt, entfernt oder modifiziert wurden. Es ist dasselbe Konzept hinter git diff, Code-Review-Tools und Dokumentenvergleichsfunktionen in Editoren wie VS Code.

Dieses Tool geht über einen einfachen zeilenweisen Vergleich hinaus. Es paart geänderte Zeilen und berechnet zeichenweise Diffs, die Ihnen genau zeigen, welche Zeichen innerhalb einer Zeile geändert wurden. Kombiniert mit Side-by-Side- und Unified-Ansichten, Zeilennummern und Diff-Statistiken erhalten Sie ein vollständiges Bild dessen, was sich geändert hat - alles läuft lokal in Ihrem Browser, ohne dass Daten an einen Server gesendet werden.

1. Originaltext einfügen — Setzen Sie die "Vorher"-Version in das linke Textfeld.
2. Modifizierten Text einfügen — Setzen Sie die "Nachher"-Version in das rechte Textfeld.
3. Diff ansehen — Unterschiede erscheinen automatisch. Wechseln Sie zwischen Side-by-Side- und Unified-Ansicht.
4. Optionen feinabstimmen — Aktivieren Sie "Leerzeichen ignorieren", um Abstandsänderungen zu überspringen, oder "Groß-/Kleinschreibung ignorieren", um Groß- und Kleinbuchstaben als gleich zu behandeln.
5. Diff kopieren — Klicken Sie auf "Copy Diff", um ein Unified-Diff-Format zu erhalten, das Sie in Git, Code Reviews oder Dokumentation einfügen können.

Die Side-by-Side-Ansicht zeigt den Original- und modifizierten Text in zwei Spalten, was es einfach macht, entsprechende Zeilen zu scannen. Entfernte Zeilen erscheinen links in Rot, hinzugefügte Zeilen rechts in Grün, und übereinstimmende Zeilen sind über beide Spalten ausgerichtet. Dies ist die intuitivste Ansicht zum Überprüfen von Änderungen.

Die Unified-Ansicht zeigt alle Änderungen in einer einzelnen Spalte mit + und - Präfixen, ähnlich der Ausgabe von git diff. Sie ist kompakter und funktioniert besser, wenn Sie die Diff-Ausgabe kopieren müssen oder auf schmalen Bildschirmen anzeigen.

Beide Ansichten enthalten zeichenweises Highlighting innerhalb geänderter Zeilen, sodass Sie genau sehen können, welche Wörter oder Zeichen modifiziert wurden - nicht nur, dass eine Zeile geändert wurde.

Dieses Tool verwendet einen LCS-basierten (Longest Common Subsequence) Diff-Algorithmus, ähnlich dem von Git verwendeten Myers-Diff-Algorithmus. Der Algorithmus arbeitet in zwei Stufen:

1. Zeilenweiser Diff: Berechnet die LCS der beiden Texte auf Zeilenebene, um festzustellen, welche Zeilen unverändert, hinzugefügt oder entfernt sind.
2. Zeichenweiser Diff: Für gepaarte geänderte Zeilen (eine entfernte Zeile gefolgt von einer hinzugefügten Zeile) wird eine zweite LCS auf Zeichenebene berechnet, um genau hervorzuheben, welche Zeichen sich geändert haben.

Der LCS-Ansatz garantiert die minimale Editierdistanz - er findet den kleinsten Satz von Änderungen, der benötigt wird, um einen Text in den anderen umzuwandeln. Das bedeutet, Sie werden niemals unnötige oder irreführende "Änderungen" in der Ausgabe sehen.

• Code Review — Vergleichen Sie zwei Versionen einer Funktion, Konfigurationsdatei oder einer ganzen Quelldatei, um zu sehen, was sich geändert hat.
• Dokumentenvergleich — Finden Sie Unterschiede zwischen zwei Entwürfen eines Dokuments, einer E-Mail oder eines Rechtstextes.
• Konfigurations-Auditing — Vergleichen Sie Produktions- vs. Staging-Konfigurationen, alte vs. neue nginx-Konfigurationen oder .env-Dateiversionen.
• Debugging — Vergleichen Sie erwartete Ausgabe vs. tatsächliche Ausgabe, um Testfehler zu lokalisieren.
• API-Response-Vergleich — Vergleichen Sie JSON/XML-Antworten aus verschiedenen Umgebungen oder API-Versionen.
• Content-Migration — Überprüfen Sie, ob Inhalte korrekt zwischen CMSes oder Datenbanken übertragen wurden.
• Merge-Konflikt-Auflösung — Fügen Sie beide Versionen ein, um zu verstehen, was jede Seite geändert hat, bevor Sie Konflikte lösen.