Free

Diff-Tool

Das Diff-Tool vergleicht zwei Textblöcke und hebt hinzugefügte, entfernte und unveränderte Zeilen farblich hervor. Einheitliche (Git-Stil) und Side-by-Side-Ansichten, mit optionalen Optionen zum Ignorieren von Leerzeichen und Groß-/Kleinschreibung. Nützlich zum Überprüfen von Änderungen, Vergleichen von Konfigurationsdateien oder zum Spot-Check von API-Antworten.

Zu Chrome hinzufügen Zu Edge hinzufügen Zu FireFox hinzufügen

Das Vergleichen zweier Textversionen ist eine Aufgabe, die ständig vorkommt — sei es das Überprüfen von Änderungen in einer Konfigurationsdatei, das punktuelle Prüfen zweier API-Antworten oder das Sicherstellen, dass eine String-Migration nichts beschädigt hat. Das Diff-Tool erledigt dies sauber. Fügen Sie Text A (Original) und Text B (geändert) ein und klicken Sie auf Vergleichen. Die Ausgabe zeigt jede Zeile kategorisiert als hinzugefügt (grün, markiert mit +), entfernt (rot, markiert mit −) oder unverändert. Wechseln Sie zwischen der einheitlichen Ansicht (Unified, Git-Stil, alles gestapelt) und der Side-by-Side-Ansicht (zwei Spalten mit Zeilenpaarung). Das Diff verwendet einen Algorithmus für die längste gemeinsame Teilfolge, so dass die Ausrichtung optimal und nicht nur naiv zeilenbasiert ist. Optionen zum Ignorieren von Leerzeichen und Groß-/Kleinschreibung helfen, wenn die tatsächlichen Änderungen unter Formatierungsrauschen verborgen sind. Statistiken am oberen Rand zeigen die Gesamtzahl der hinzugefügten/entfernten/unveränderten Zeilen für eine schnelle Zusammenfassung.

Live-Vorschau

example.com

Diff-Tool +3 hinzugefügt −2 entfernt 5 unverändert

Einheitlich Nebeneinander

                        1
                        1
                         
                        function greet(name) {
                    
                        2
                        
                        −
                          console.log("Hi " + name);
                    
                        2
                        +
                          console.log(`Hello, ${name}!`);
                    
                        3
                        +
                          console.log(`Welcome back.`);
                    
                        3
                        4
                         
                        }
                    
                        4
                        5
                         
                        5
                        
                        −
                        greet("world");
                    
                        6
                        +
                        greet("Alice");
                    
                        6
                        7
                         
                        greet("Bob");

Hauptmerkmale

Diff auf Zeilenebene

Kategorisiert jede Zeile als hinzugefügt, entfernt oder unverändert unter Verwendung eines Algorithmus für die längste gemeinsame Teilfolge für eine optimale Ausrichtung.

Unified- & Side-by-Side-Ansichten

Wechseln Sie zwischen Git-Stil Unified (alles gestapelt) und Side-by-Side (zwei Spalten) Layouts, je nachdem, was einfacher zu lesen ist.

Farbcodierte Ausgabe

Hinzugefügte Zeilen werden grün mit +-Markierung hervorgehoben; entfernte Zeilen werden rot mit −-Markierung hervorgehoben; unveränderte Zeilen sind neutral. Schnelles visuelles Scannen.

Leerzeichen / Groß-Kleinschreibung ignorieren

Umschalter ermöglichen es Ihnen, triviale Formatierungsunterschiede zu ignorieren, damit Sie sich auf bedeutsame Änderungen konzentrieren können.

Diff-Statistiken

Die obere Leiste zeigt die Anzahl der hinzugefügten (+N), entfernten (−N) und unveränderten (N) Zeilen — eine schnelle Zusammenfassung, ohne jede Zeile scannen zu müssen.

Schnell bei realistischen Eingaben

Verarbeitet tausende Zeilen in Millisekunden. Große Eingaben werden begrenzt, um die UI reaktionsschnell zu halten.

Häufige Anwendungsfälle

Änderungen vor dem Speichern prüfen

Bevor Sie eine Datei überschreiben, fügen Sie die alte und neue Version ein, um sicherzustellen, dass nur die beabsichtigten Änderungen in der neuen Version enthalten sind — keine versehentlichen Löschungen.

Vergleichen von API-Antworten

Erfassen Sie eine Antwort vor und nach einem Fix, führen Sie ein Diff aus und verifizieren Sie, dass Ihre Änderung nur das berührt hat, was sie sollte.

Diff von Konfigurationsdateien

Vergleichen Sie zwei Umgebungskonfigurationen (Dev vs. Prod, alt vs. neu), um Abweichungen zu finden, die subtile Bugs verursachen könnten.

Formatierten Output verifizieren

Lassen Sie einen Formatter über eine Datei laufen und vergleichen Sie Input vs. Output, um zu bestätigen, dass sich nur Whitespace/Formatierung geändert hat — keine semantischen Abweichungen.

Spot-Checking von Textmigrationen

Wenn Sie Texte auf einer Seite oder in einem Dokument aktualisieren, vergleichen Sie alt und neu, um sicherzustellen, dass jede Übersetzung korrekt gelandet ist.

Anwendung

Diff-Tool öffnen

Klicken Sie auf das Diff-Symbol im DevSuite Pro Dock. Ein Panel öffnet sich mit zwei Textbereichen nebeneinander.

Text A und Text B einfügen

Fügen Sie die Originalversion in Text A und die geänderte Version in Text B ein. Jeder Text funktioniert — Code, JSON, Logs, Prosa.

Optionen umschalten

Aktivieren Sie Leerzeichen ignorieren oder Groß-/Kleinschreibung ignorieren, wenn Formatierungs- oder Schreibweisenunterschiede Rauschen sind, das Sie überspringen möchten.

Auf Vergleichen klicken

Drücken Sie Vergleichen. Das Diff wird darunter gerendert, mit farblich gekennzeichneten hinzugefügten/entfernten/unveränderten Zeilen und Statistiken oben.

Ansicht wechseln (optional)

Wechseln Sie zwischen Unified- und Side-by-Side-Ansicht. Unified ist kompakter, Side-by-Side macht die Zeilenzuordnung offensichtlicher.