Was macht der Diff-Codeprozessor?
Er vergleicht zwei Eingaben, die durch den angegebenen Delimiter getrennt sind, und hebt die Unterschiede hervor.
Browser-Werkzeug
Diff-Codeprozessor
Verarbeitet Code mit Diff und zeigt die umgewandelte Ausgabe. Geben Sie Code ein, wählen Sie Optionen und kopieren Sie das Ergebnis.
Direkte Antwort
Funktion von Diff-Codeprozessor
Der Diff-Codeprozessor vergleicht zwei Eingaben, die durch den festgelegten Sample delimiter getrennt sind, und hebt Unterschiede hervor.
Ergebnis
Was du erhältst
Das Tool gibt HTML mit markierten Änderungen zurück. Die Verarbeitung läuft im Browser.
Dieses Werkzeug verwenden
So verwendest du Diff-Codeprozessor
- Geben Sie zwei Code- oder Textversionen ein.
- Trennen Sie die Versionen mit Sample delimiter.
- Wählen Sie Diff by, Show added, Show removed, Show subtraction und Ignore whitespace.
- Prüfen Sie das HTML vor dem Kopieren.
Beispiel
Mit einem sicheren Beispiel testen
Eingabe: const value = 1 --- const value = 2
Einstellungen: Sample delimiter: ---; Diff by: Zeile; Show added: on; Show removed: on; Ignore whitespace: off.
Ergebnis: HTML mit markierter Änderung von 1 zu 2.
Der Diff zeigt Unterschiede und entscheidet nicht, welche Version korrekt ist.
Häufige Anwendungen
Einsatzbereiche von Diff-Codeprozessor
- Vergleichen Sie zwei kleine Codeversionen.
- Zeigen Sie hinzugefügte und entfernte Zeilen.
- Prüfen Sie den Effekt von Ignore whitespace.
Grenzen
Ergebnis prüfen
- Sample delimiter muss die zwei Eingaben eindeutig trennen.
- Ein Diff erklärt keine semantische oder sicherheitsbezogene Bedeutung.
- HTML-Ausgabe sollte vor dem Einfügen in eine andere Seite geprüft werden.