Vergleichen Sie zwei Code- oder Textstücke in einem schnellen Diff-Editor im VS-Code-Stil, der vollständig in Ihrem Browser läuft. Erkennen Sie jede hinzugefügte, entfernte und geänderte Zeile auf einen Blick — mit vollständiger Syntaxhervorhebung, einer reihenfolgebewussten Diff-Engine und Export mit einem Klick.
Funktionen
- Diff auf VS-Code-Niveau — angetrieben vom Monaco-Editor, mit Inline-Änderungshervorhebung und synchronisiertem Scrollen.
- Ansichten nebeneinander und inline — wechseln Sie das Layout mit einem Klick.
- 10 integrierte Beispiele — ein Klick lädt einen mehrsprachigen Vergleich und stellt die passende Syntax ein.
- Über 90 Sprachen, durchsuchbar — tippen Sie, um jede von Monaco unterstützte Sprache zu finden (JavaScript, TypeScript, Python, Go, Rust, C#, SQL, YAML, Markdown und viele mehr). Die Liste wird aus Monaco selbst generiert, ist also immer vollständig.
- Beide Panels bearbeitbar — fügen Sie ein oder bearbeiten Sie auf jeder Seite und die Diff aktualisiert sich live.
- Genaue Statistiken — echte Zeilenzählungen für hinzugefügt / entfernt / unverändert und ein Ähnlichkeits-%, berechnet mit einem ordentlichen Longest-Common-Subsequence-Algorithmus (reihenfolgebewusst).
- Leerzeichen / Groß-Kleinschreibung ignorieren — umschalten, um sich auf bedeutsame Änderungen zu konzentrieren (die Leerzeichenbehandlung ist pro Zeile, sie reduziert Ihre Datei also nie auf eine Zeile).
- Datei-Upload — laden Sie Dateien in eines der Panels (bis zu 2 MB).
- Änderungsnavigation — springen Sie zwischen Unterschieden mit den Prev/Next-Schaltflächen oder
F7/F8, mit einem Live-Änderungszähler. - Export — kopieren Sie eine vereinheitlichte Diff, laden Sie eine
.patch-Datei herunter oder teilen Sie eine URL mit dem im Link kodierten Vergleich. - Hell und dunkel — folgt automatisch Ihrem Theme.
So verwenden Sie es
- Inhalt laden — wählen Sie aus 10 fertigen Beispielen (JavaScript, Python, TypeScript, JSON, HTML, CSS, SQL, Java, Go, YAML — jedes wechselt die Sprache automatisch), fügen Sie in beide Panels ein oder laden Sie Dateien hoch (Links / Rechts).
- Eine Sprache wählen — beginnen Sie im Sprachfeld zu tippen und wählen Sie aus der durchsuchbaren Liste.
- Vergleichen — die Diff und die Statistiken aktualisieren sich automatisch, während Sie bearbeiten.
- Navigieren — verwenden Sie Prev/Next oder
F7/F8, um durch die Änderungen zu gehen. - Teilen oder exportieren — Kopieren Sie die vereinheitlichte Diff, laden Sie eine .patch herunter oder teilen Sie eine URL.
Tastenkürzel
F8— nächster UnterschiedF7— vorheriger Unterschied
Datenschutz
Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser — nichts wird auf einen Server hochgeladen. Wenn Sie Teilen verwenden, wird der Vergleich nur im URL-Hash-Fragment kodiert.
Anwendungsfälle
- Code-Review und Pull-Request-Vergleich
- Vorher/Nachher-Refactoring-Analyse
- Konfigurations- / JSON- / YAML-Vergleich
- Protokoll- und Debug-Ausgabe-Vergleich
- Versionsvergleich und Merge-Konflikt-Triage
FAQ
Welche Sprachen werden unterstützt? Jede Sprache, die der Monaco-Editor mitbringt — über 90 — über eine durchsuchbare Auswahl.
Wird mein Code irgendwohin gesendet? Nein. Die Diff läuft vollständig clientseitig; Teilen-Links halten Daten im URL-Fragment, das Browser niemals an den Server senden.
Wie wird die Ähnlichkeit berechnet? Aus der Longest-Common-Subsequence auf Zeilenebene: unverändert / (hinzugefügt + entfernt + unverändert), als Prozentsatz.