Deutsch
Zwei Text- oder Codeblöcke nebeneinander mit Zeilen- und Wortvergleich anzeigen.
Zuletzt aktualisiert
function greet(name) {+function greet(name) { console.log("Hello, " + name);+ console.log(`Hello, ${name}!`);return name;+
return name.toUpperCase();
}+
}
greet("world");+greet("World");Ein Diff Checker stellt zwei Text- oder Code-Stücke gegenüber und hebt hervor, was hinzugefügt, entfernt oder geändert wurde. Im Entwickleralltag ist das ein Dauerwerkzeug: Code Review, Debuggen geänderter Konfigurationen, Vergleich von API-Antworten, Validierung von Migrationen oder einfach Kontrolle der eigenen Edits, bevor sie ins Repo wandern.
Diffs lesen zu können gehört zum Handwerk. Genau das trennt *echte Verhaltensänderungen* von harmlosen Reformatierungen — und hilft dir, das eine geänderte Zeichen in einem 200-Zeilen-Block zu finden. Sobald dir der Rhythmus aus Grün, Rot und Gelb in Fleisch und Blut übergegangen ist, wird Code Review spürbar schneller.
Zwei Diff-Arten sind besonders wichtig: der *Zeilen-Diff* (welche Zeilen sich geändert haben) und der *Wort-* bzw. *Zeichen-Diff* (was sich innerhalb einer Zeile geändert hat). Ein gutes Diff-Tool lässt dich je nach Situation umschalten — Quellcode oder Fließtext.
Den Originaltext links einfügen, die neue Version rechts. Egal ob Code, JSON, Fließtext oder Config-Datei — alles funktioniert.
Für Quellcode und strukturierte Daten ist der Zeilen-Diff erste Wahl. Beim Vergleich von Fließtext, wo es auf die Formulierung ankommt, lieber zum Wort-Diff wechseln.
*Whitespace ignorieren* aktivieren, wenn dich nur inhaltliche Änderungen interessieren; *Groß-/Kleinschreibung ignorieren*, wenn du Logs oder Texte vergleichst, in denen die Schreibweise zweitrangig ist.
Entferntes erscheint links in Rot, Hinzugefügtes rechts in Grün. Geänderte Zeilen tauchen oft als Paar nebeneinander auf — einmal rot, einmal grün.
Bearbeite eine der beiden Seiten und schau dem Diff live beim Aktualisieren zu. Ideal, um vor dem Pull Request einen sauberen Patch zu schnitzen.
Konventionen, die der Coddy Diff Checker verwendet — und ebenso git diff, GitHub und die meisten anderen Diff-Viewer.
| Markierung | Bedeutung | Wo sie auftaucht |
|---|---|---|
Rot / - | Zeile aus dem Original entfernt | Linke Spalte |
Grün / + | Zeile in der neuen Version hinzugefügt | Rechte Spalte |
| Gelb / beide | Zeile geändert — Teiländerung innerhalb der Zeile | Beide Spalten |
| Keine Farbe | Unveränderte Zeile — in beiden Versionen identisch | Beide Spalten |
@@ ... @@ | Hunk-Header von git diff — Zeilennummern | Terminal-Ausgabe von git diff |
| Wort-Diff | Änderung auf Wort- oder Zeichenebene innerhalb einer geänderten Zeile | Hervorgehoben innerhalb einer gelben Zeile |
API_TIMEOUT=3000API_TIMEOUT=30000Eine einzige zusätzliche Null verwandelt einen 3-Sekunden-Timeout in einen 30-Sekunden-Timeout. Der Diff Checker findet das in Sekunden — beim manuellen Vergleich zweier .env-Dateien geht so etwas schnell unter.
Die Nutzerin kann sich einloggen.
Die Nutzerin kann sich anmelden.
Der Wort-Diff hebt gezielt einloggen → anmelden hervor. Ein Zeilen-Diff würde die ganze Zeile als geändert markieren; der Wort-Diff zeigt punktgenau, was wirklich anders ist.
{ "id": 42, "status": "draft", "published": false}{ "id": 42, "status": "published", "published": true}Im Diff sieht man auf einen Blick, dass sich zwei zusammengehörige Felder gemeinsam geändert haben. Schneller lässt sich kaum prüfen, ob ein zustandsändernder API-Call wirklich das getan hat, was er sollte.
git diff, Pull-Request-Ansichten und die Vergleichsansicht in der IDE basieren alle auf demselben Prinzip.