Die Entwickler-Tools, zu denen du jeden Tag greifst, alle an einem Ort.

Konverter, Formatter, Hashes, Validatoren und die kleinen Helfer, die du immer wieder öffnest, bleiben zusammen, statt zwischen Tabs verloren zu gehen.

GitHub

/ Tools

■

/ Tool-Finder

109 Tools

/ Diff-Viewer

Originaltext

Geänderter Text

Diff-Modus

/ Ausgewähltes Tool

■

Diff-Viewer - kostenloses Entwickler-Tool

Zwei Texte nebeneinander mit zeilen- oder wortweisem Diff vergleichen

■ 01

Was ist ein Diff-Viewer?

Ein Diff-Viewer ist ein Werkzeug, das zwei Textstücke vergleicht und die Unterschiede zwischen ihnen hervorhebt. Es zeigt, was hinzugefügt, entfernt oder geändert wurde, und erleichtert so das Überprüfen von Änderungen in Dokumenten, Code oder beliebigem Text…

■ 02

Wie funktioniert es?

Dieses Tool verwendet den Longest-Common-Subsequence-(LCS)-Algorithmus, um Unterschiede zwischen zwei Texten zu berechnen. Ergänzungen werden in Grün mit einem +-Präfix hervorgehoben, und Löschungen werden in Rot mit einem --Präfix angezeigt. Diff-Modi Zeile…

■ 03

Beispielfälle

Deckt Code-Review, Dokumentvergleich und Konfigurationsdateien ab, damit du gängige Ein- und Ausgaben schnell vergleichen kannst.

/ Verwandte Tools

/ Code

■

Quellcode des ausgewählten Tools, hier neben der Live-Version auf der rechten Seite gezeigt.

/ Quellcode

TypeScript

typescript

// Line-by-line diff using Longest Common Subsequence (LCS)
// No external dependencies required

interface DiffLine {
  lineNumber1: number | null;
  lineNumber2: number | null;
  content: string;
  type: 'added' | 'removed' | 'unchanged';
}