JSON online formatieren

Lokale Verarbeitung

app.formatter.view

Daten auch über #data={"name":"Ada"} oder #url=... einfügen; nach dem Lesen wird die Adressleiste geleert.

Eine einzeilige API-Antwort zu einer lesbaren Struktur aufklappen. Nach dem Einfügen Syntaxprüfung, Einrückung, optional Sortierung nach Key. Alles im aktuellen Tab – gut, wenn Produktionspayloads nicht auf Drittseiten sollen. Komprimiertes JSON aus dem Network-Panel oder einzeilige Logs können direkt eingefügt werden.

Automatisch verschönern

Objekte, Arrays und Nesting mit 2 / 4 Leerzeichen oder Tab. Je tiefer die Struktur, desto mehr hilft Einrückung, gleichrangige Felder auszurichten, statt Klammern zu zählen.

Ähnlich wie Prettier / Language Services im Editor, ohne neue Datei oder Plugin – zum kurzen Blick auf den Response-Body.

Syntaxprüfung

Unpassende Klammern, fehlende oder überzählige Kommas bleiben auf der Eingabeseite mit Fehlerhinweis. Häufig auch einfache Anführungszeichen, unquoted Keys und trailing commas aus JS-Objektliteralen.

Ist der Quelltext JSON5 (mit Kommentaren), zuerst mit dem JSON5-Tool in Standard-JSON wandeln, dann formatieren.

Über die Adressleiste einfügen

Mit #data={...} oder #url= beim Öffnen vorausfüllen; nach dem Lesen wird die Adressleiste geleert. Gut für teilbare Links aus Docs, Tickets oder Skripten – die andere Seite sieht dieselben Daten.

Remote #url= durch CORS begrenzt: nur statische Dateien dieser Site oder Adressen mit offenem Cross-Origin laden erfolgreich.

Beispiel

Eingabe (komprimiert)

 {"user":{"id":1001,"name":"Max","roles":["admin","editor"]}}

Formatiertes Ergebnis

{
  "user": {
    "id": 1001,
    "name": "张三",
    "roles": [
      "admin",
      "editor"
    ]
  }
}

Werden Feldwerte geändert?

Nein. Nur Whitespace und Zeilenumbrüche. «Keys sortieren» ändert nur die Reihenfolge der Objektkeys, Werte bleiben.

Unterschied zum Komprimieren?

Formatieren dient dem Lesen; Komprimieren dem Transport. Beides lässt sich wechseln.

Werden Daten hochgeladen?

Nein. Parsen und Layout laufen im Browser-Speicher; nach Neuladen oder Schließen des Tabs ist der Inhalt weg.

Welche Dateigröße ist sinnvoll?

Einige MB sind meist in Ordnung. Ab etwa 2 MB kann es langsamer werden mit Warnung; über 10 MB aufteilen oder lokale CLI wie jq nutzen.

Empfohlener Ablauf

Rohes JSON von API, Logs oder Zwischenablage links einfügen oder «Beispiel laden», um die Oberfläche kennenzulernen.
Nach bestandener Syntax 2 Leerzeichen, 4 Leerzeichen oder Tab wählen; zum Vergleich mit einer zweiten Datei «Keys sortieren» aktivieren.
Mit «Kopieren» das Pretty-Ergebnis in Editor, Ticket oder Tests übernehmen; für Produktion auf der Komprimierungsseite Whitespace entfernen.
Bei tiefer Struktur die Baumansicht; zum Ziehen einzelner Felder JSONPath.

Beim Joint Debugging hilft: erst formatieren und die Struktur sehen, dann Diff oder YAML – weniger Nested-Fehler als auf einer komprimierten Zeile.