JSON Formatter, Diff und Tree Viewer: Payloads vergleichen und erkunden
Formatieren, zwei API-Antworten vergleichen und tiefes JSON erkunden — Debug-Workflow ohne IDE-Erweiterung.
Drei ergänzende Werkzeuge für JSON-Debugging
Sobald die Syntax stimmt, beginnt die eigentliche Arbeit. Sie lesen einen minifizierten Payload, suchen die Änderungen zwischen zwei API-Versionen oder finden sich in einer verschachtelten Konfiguration mit Tausenden Zeilen zurecht. Der JSON-Formatierer online rückt ein kompaktes Dokument mit 2 oder 4 Leerzeichen oder mit Tabs ein. Schon das Einfügen startet die Formatierung. JSON Diff vergleicht zwei Dokumente nebeneinander und listet geänderte, hinzugefügte und entfernte Pfade auf. Der JSON-Baumbetrachter klappt tiefe Zweige ein, hebt Suchtreffer hervor und erspart Ihnen endlose Zeilen. Diese drei Tools im JSON-Tools-Hub laufen vollständig im Browser, nichts wird hochgeladen. Ist das JSON ungültig, beginnen Sie mit dem Leitfaden JSON validieren und reparieren, bevor Sie formatieren oder vergleichen.
Best Practices und ehrliche Grenzen
Ungültiges JSON zu formatieren oder zu vergleichen erzeugt frustrierende Fehler. Halten Sie die Reihenfolge ein: validieren (und bei Bedarf reparieren) → formatieren oder erkunden → vergleichen → für die Produktion minifizieren.
Jedes Tool hat einen klar begrenzten Zweck. Keines ersetzt eine vollständige IDE, und der Diff führt keine Dokumente zusammen.
Wann Formatierer, Diff oder Baum passen
Der JSON-Formatierer parst die Eingabe, prüft sie und schreibt sie mit JSON.stringify und der gewählten Einrückung neu. Die Werte bleiben gleich, der Text aber nicht: Aus 89.0 wird 89, aus 1e3 wird 1000, und \u-Escapes werden zu Zeichen. Schlüssel in Ganzzahlform rücken an den Anfang ihres Objekts. Ganzzahlen über 2^53 werden gerundet, und von einem doppelten Schlüssel bleibt nur der letzte Wert.
JSON Diff braucht zwei gültige Dokumente. Verglichen werden die geparsten Daten, Einrückung und Schlüsselreihenfolge spielen also keine Rolle. Das Tool markiert geänderte Werte, hinzugefügte oder entfernte Schlüssel und Typänderungen, jeweils mit einem Pfad in Punktschreibweise wie user.role.
Der JSON-Baumbetrachter baut einen interaktiven Baum, sobald das JSON gültig ist. Zu Beginn sind zwei Ebenen von Schlüsseln sichtbar, tiefere Objekte und Arrays sind eingeklappt. Die Suche prüft Schlüssel und Werte ohne Rücksicht auf Groß- und Kleinschreibung und blendet Zweige ohne Treffer aus. Erweitern und Einklappen öffnen oder schließen alle Zweige auf einmal.
Enthält Ihr JSON mehrzeilige Strings, Anführungszeichen oder aus den Entwicklertools kopierte Sequenzen, nutzen Sie vor dem Formatieren das JSON-Escape-Tool. Seine Tabs Escapen und Unescapen bereiten Literale mit den nativen Funktionen JSON.stringify und JSON.parse vor oder stellen sie wieder her.
\n und \" werden wieder lesbarFormatieren, erkunden, dann vergleichen
Sie kopieren eine 200-Antwort aus dem Netzwerk-Tab der Entwicklertools. Sie besteht aus einer einzigen Zeile von mehreren Kilobyte.
Schritt 1: Validieren (bei Zweifel)
Fügen Sie die Antwort in den JSON-Validator ein. Bei einem Syntaxfehler lesen Sie zuerst den Leitfaden zur Reparatur.
Schritt 2: Formatieren
Öffnen Sie den JSON-Formatierer und fügen Sie die Antwort ein. Das Einfügen startet die Formatierung, eine andere Einstellung unter Einzug (2 oder 4 Leerzeichen) startet sie erneut. Die Daten selbst ändern sich nicht.
Schritt 3: Im Baum erkunden (optional)
Bei tief verschachtelten Objekten fügen Sie dieselbe Ausgabe in den JSON-Baumbetrachter ein. Klappen Sie unnötige Zweige ein und suchen Sie nach einem bestimmten Schlüssel.
Vor einem Deployment müssen zwei Stände einer Konfiguration oder einer API-Antwort verglichen werden.
Schritt 1: Normalisieren (optional)
JSON Diff ignoriert Einrückung und Schlüsselreihenfolge, Sie können beide Dokumente also unverändert einfügen. Sortieren Sie die Schlüssel im Formatierer nur, wenn Sie auch in Git einen kurzen zeilenweisen Diff wollen.
Schritt 2: Vergleichen
Fügen Sie in JSON Diff das Original links und die neue Version rechts ein und wählen Sie Vergleichen. Die Zusammenfassung listet jeden betroffenen Pfad auf.
Schritt 3: Die Abweichung untersuchen
Ein Pfad ist verdächtig? Kopieren Sie den Zweig in den JSON-Baumbetrachter oder formatieren Sie nur diesen Abschnitt für die Prüfung im Team.
Diese Tools gehören zu einer längeren Kette im JSON-Tools-Hub.
Zusammenfassung
JSON zu debuggen sollte weder eine Erweiterung noch das Hochladen sensibler Payloads auf fremde Server erfordern. Formatieren Sie zum Lesen, erkunden Sie den Baum zur Orientierung und vergleichen Sie, um Regressionen zu finden, alles lokal auf FastMinify. Validierung und Minifizierung kommen dazu, wenn Sie ausliefern.
JSON-Tools jetzt erkunden
Verwandte Artikel
Fügen Sie Token und JWKS ein und prüfen Sie eine RS256-, ES256- oder HS256-Signatur im Browser. Schlüsselwahl per kid, Fehler und zu prüfende Claims.
HTTP/2 und HTTP/3 ändern den Weg der Dateien, nicht ihre Größe. Messungen zu Größe, Kompilierzeit und Bundling zeigen, was Minifizierung noch bringt.
Rechnen Sie eine Unix-Epoche in ein lesbares Datum um und zurück, unterscheiden Sie Sekunden und Millisekunden und meiden Sie Zeitzonen-, JWT- und Zeitumstellungsfallen.