Monaco Diff Checker

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

1. 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).
2. Eine Sprache wählen — beginnen Sie im Sprachfeld zu tippen und wählen Sie aus der durchsuchbaren Liste.
3. Vergleichen — die Diff und die Statistiken aktualisieren sich automatisch, während Sie bearbeiten.
4. Navigieren — verwenden Sie Prev/Next oder F7/F8, um durch die Änderungen zu gehen.
5. Teilen oder exportieren — Kopieren Sie die vereinheitlichte Diff, laden Sie eine .patch herunter oder teilen Sie eine URL.

Tastenkürzel

• F8 — nächster Unterschied
• F7 — 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.