ToolRecipe

Was willst du erledigen?

Datei hierher ziehen

or .

Eine App öffnen

Einem Rezept folgen

Alle Rezepte

Ein einzelnes Werkzeug nutzen

Alle Tools

Diff-Checker (Code)

Vergleiche zwei Versionen eines Codes nebeneinander und sieh, welche Zeilen hinzugekommen oder weggefallen sind, mit markierten Wörtern innerhalb der Zeile. Füge beide Versionen ein oder zieh sie hinein: Der Vergleich läuft in deinem Browser, nichts wird hochgeladen.

So vergleichst du zwei Code-Dateien

  1. 1Original links einfügen oder hineinziehen
  2. 2Geänderte Version rechts einfügen oder hineinziehen
  3. 3Ergebnis nebeneinander oder inline ansehen
  4. Hinzugefügte und entfernte Zeilen, Wörter markiert.

Was mit deinem Code passiert

  • Nichts wird hochgeladen.Beide Versionen werden von deinem Browser auf deinem eigenen Gerät verglichen.
  • Unterschiede bis aufs Wort.Geänderte Zeilen werden gepaart und die abweichenden Wörter markiert.
  • Kurzer Kontext.Um jede Änderung stehen drei unveränderte Zeilen, der Rest ist eingeklappt.

Was du tun kannst

  • Beide Versionen nebeneinander mit Zeilennummern anzeigen, oder inline mit den entfernten Zeilen über den hinzugefügten.
  • Geänderte Wörter innerhalb einer Zeile markieren, damit eine umbenannte Variable auffällt.
  • Leerraum oder Groß-/Kleinschreibung ignorieren, zum Beispiel nach einer neuen Einrückung.
  • Unveränderte Zeilen mit „Unveränderte Zeilen anzeigen“ einblenden, oder einen eingeklappten Bereich anklicken.
  • Die beiden Seiten mit einem Klick tauschen und den Unterschied als Unified-Diff-Text kopieren.

Gut zu wissen

  • „Nebeneinander“ braucht ein breites Fenster. Auf einem schmalen Bildschirm wird das Ergebnis stattdessen inline gezeigt.
  • Das Tool vergleicht Zeilen. Ein verschobener Codeblock erscheint an einer Stelle als entfernt und an der anderen als hinzugefügt.
  • Es werden bis zu 6000 Zeilen gezeichnet. Für ein längeres Ergebnis kopierst du den Unified-Diff-Text.
  • Für JSON oder YAML, wo die Reihenfolge der Schlüssel egal ist, nimm JSON-Diff oder YAML-Diff.

Fragen

Wie vergleiche ich zwei Code-Dateien online?

Füge das Original links und die geänderte Version rechts ein oder zieh die Dateien hinein. Die Unterschiede erscheinen sofort, hinzugefügte und entfernte Zeilen sind farbig.

Kann ich Änderungen am Leerraum ignorieren?

Ja. Setze den Haken bei „Leerraum ignorieren“, dann gelten Zeilen, die sich nur in Leerzeichen oder Tabs unterscheiden, als gleich. „Groß-/Kleinschreibung ignorieren“ macht dasselbe für Großbuchstaben.

Wird mein Code irgendwohin hochgeladen?

Nein. Der Vergleich läuft in deinem Browser. Dein Code wird weder an uns noch an andere gesendet.

Was unterscheidet das vom Diff-Checker für Text?

Beide nutzen denselben Vergleich. Dieser öffnet gleich in der Ansicht „Nebeneinander“, die für Code besser passt.

So funktioniert's

Kleine Tools, die in deinem Browser laufen.

Vier Schritte

  1. Mit einer Datei oder einer Aufgabe beginnen

    Zieh eine Datei rein, such oder wähle eine Aufgabe.

  2. Das Tool öffnet sich in einem Fenster

    Öffne so viele du willst, nebeneinander als Tabs.

  3. Ergebnisse sammeln sich rechts

    Zieh ein Ergebnis ins nächste Tool.

  4. Speichern, wenn du fertig bist

    Gespeicherte Dateien landen in deinen Downloads.

Wer nutzt was

Tool-Sets für häufige Aufgaben.

Ein Tool auf den Home-Bildschirm legen

Das Symbol öffnet das Tool wie eine App.

iPhone und iPad

  1. Öffne das Tool in Safari.
  2. Tippe auf Teilen (das Quadrat mit dem Pfeil).
  3. Wähle „Zum Home-Bildschirm“, dann „Hinzufügen“.

Android

  1. Öffne das Tool in Chrome.
  2. Tippe oben rechts auf das Menü (⋮).
  3. Wähle „Zum Startbildschirm hinzufügen“ oder „App installieren“.

Computer

  1. Öffne das Tool in Chrome oder Edge.
  2. Klick auf das Installieren-Symbol in der Adressleiste.
  3. Wähle Installieren.

Skills

Claude-Skills, die wir selbst nutzen, je eine Aufgabe.