logo
GeekFormat

JSON-Formatierung

Kein Inhalt

preview.json
Bereit

Kostenloses Online JSON-Formatierungstool. Unterstützt JSON-Verschönerung, Validierung, Komprimierung und visuelle Bearbeitung in der JSON-Baumansicht. Mit integrierter Syntaxfehlererkennung und automatischer Reparatur. Unterstützt Codekonvertierung in 13 Programmiersprachen (TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML). Ideal für API-Debugging, Konfigurationsprüfung und Protokollanzeige.

Ähnliche Tools

Anwendungsfälle

  • Einzeiliges JSON von API-Antworten muss zur besseren Fehlerbehebung in eine lesbare Struktur verschönert werden
  • Konfigurationsdateien und Protokollfelder müssen für die weitere Verarbeitung formatiert werden
  • Schnelle Validierung, ob JSON gültig ist, und Komprimierung der Größe während der Entwicklungsfehlersuche
  • JSON muss in Codestrukturen wie TypeScript-Schnittstellen, Java-Klassen oder Python-Dictionaries konvertiert werden
  • Beim Vergleich zweier API-Antworten zuerst nach Schlüsseln sortieren und dann feldweise Unterschiede prüfen
  • Strukturieren komplex verschachtelter Strukturen von Drittanbieter-APIs mit Baum- oder Mindmap-Ansicht zum schnellen Verständnis der Hierarchie
  • Erweitern komprimierter Tracking-Protokolle und Webhook-Daten zum Lesen und Lokalisieren anormaler Felder
  • Formatieren kompakten JSON in lokalen Umgebungsvariablen oder Konfigurationen zum Bearbeiten, dann zurückkomprimieren

Funktionen

  • Intuitivere JSON-Verschönerung: Schnelles Ordnen einzeiliger Daten in eine gut lesbare hierarchische Struktur, umschaltbar zwischen 2/4 Leerzeichen oder Tab-Einrückung
  • Unterstützt Validierung und Komprimierung: Echtzeiterkennung von Syntaxfehlern mit genauer Positionsangabe, Ein-Klick-Komprimierung zur kompaktesten Einzeile
  • Codekonvertierung in 13 Programmiersprachen: TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML mit einem Klick generieren
  • Visuelle Bearbeitung in JSON-Baumansicht: Knoten reduzieren/erweitern, tief verschachtelte Strukturen intuitiv anzeigen und bearbeiten
  • Mindmap-Ansicht: Darstellung von Parent-Child-Beziehungen von Objekten/Arrays als Knotenverbindungen, ideal zum Strukturieren komplexer Strukturen
  • Schlüsselsortierung: Neuanordnen von Objektschlüsseln in alphabetischer Auf-/Abstiegsreihenfolge, praktisch zum Vergleich von Unterschieden und zur Standardisierung der Feldreihenfolge
  • Reibungslose Verarbeitung großer Dateien: Virtuelles Scrollen + Web Worker-Hintergrundanalyse, auch mehrere MB JSON ohne Ruckeln
  • Datenschutz & Sicherheit: Gesamte Ausführung lokal im Browser, keine Datenübertragung, auch bei der Verarbeitung von Rückgabewerten mit Schlüsseln sicher
  • Komfortable Bedienung: Datei-Upload/-Download, Ein-Klick-Kopieren, Verlauf zurücksetzen, URL-Teilen - alles vorhanden

Anleitung

  1. JSON-Inhalt einfügen oder JSON-Datei hochladen
  2. Modus Verschönern, Komprimieren oder Validieren wählen oder zur visuellen Anzeige zur Baum-/Mindmap-Ansicht wechseln
  3. Formatierte hierarchische Struktur und Fehlermeldungen anzeigen, bei Bedarf zur Codekonvertierung wechseln, um Zielsprachenstruktur zu generieren
  4. Verarbeiteten Inhalt kopieren, Datei herunterladen oder Teilbaren Link generieren

Häufig gestellte Fragen

Wie formatiere ich ein einzeiliges JSON schnell in eine lesbare Struktur?

Fügen Sie einfach Ihren JSON-Inhalt ein, um ihn schnell zu verschönern. Ideal zum Anzeigen von API-Antworten, Konfigurationsdateien und Protokollfeldern. Das Tool fügt automatisch Einrückungen und Zeilenumbrüche hinzu und ordnet kompakte Daten in eine übersichtliche hierarchische Struktur. Standardmäßig werden 2 Leerzeichen Einrückung verwendet, Sie können die Einrückungsgröße auch in der Symbolleiste umschalten.

Was ist der Unterschied zwischen JSON-Formatierung und JSON-Reparatur?

JSON-Formatierung eignet sich besser für die Verarbeitung von Inhalten, die an sich gültig, aber schwer lesbar sind. JSON-Reparatur ist besser für ungültige Strukturen wie Fehler, fehlende Anführungszeichen und abschließende Kommas geeignet. Wenn bei der Formatierung ein Fehler angezeigt wird, empfehlen wir, zuerst eine JSON-Reparatur durchzuführen. Kurz gesagt: Formatierung passt nur das Layout an, ohne den Inhalt zu ändern; Reparatur versucht, fehlende Anführungszeichen und Klammern zu ergänzen und überflüssige Kommas zu entfernen, um es wieder zu gültigem JSON zu machen.

Warum wird bei der JSON-Formatierung ein Fehler angezeigt?

Normalerweise liegt es daran, dass der Inhalt kein gültiges JSON ist, z.B. durch Kommentare, einfache Anführungszeichen, abschließende Kommas oder nicht geschlossene Klammern. Die JSON-Spezifikation (RFC 8259) erfordert, dass Schlüssel in doppelten Anführungszeichen stehen müssen, Zeichenketten keine einfachen Anführungszeichen verwenden dürfen, nach dem letzten Element kein Komma stehen darf und keine // oder /* */ Kommentare erlaubt sind. In diesem Fall ist es besser, zuerst eine JSON-Reparatur durchzuführen und dann zu formatieren.

Eignet es sich für API-Debugging und die Anzeige von Protokollantworten?

Auf jeden Fall. API-Antworten, Webhook-Daten, Tracking-Protokolle und Konfigurationsfragmente müssen häufig zuerst formatiert werden, bevor sie untersucht werden können. Das Tool unterstützt auch die visuelle Bearbeitung in der JSON-Baumansicht, Mindmap-Ansicht und Codekonvertierung in 13 Programmiersprachen, um Ihnen zu helfen, Datenstrukturen schnell zu verstehen.

Kann JSON in TypeScript-Schnittstellen oder Java-Klassen konvertiert werden?

Ja. Das Tool unterstützt die Konvertierung von JSON in 13 Formate: TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML. Generieren Sie mit einem Klick die entsprechende Codestruktur, ideal zum schnellen Erstellen von Frontend- und Backend-Datenmodellen basierend auf API-Antworten.

Werden die formatierten JSON-Daten auf einen Server hochgeladen?

Nein. Alle Formatierungen, Validierungen, Komprimierungen und Codekonvertierungen laufen vollständig lokal in Ihrem Browser ab, Daten werden nicht auf Server hochgeladen. Selbst bei der Verarbeitung von API-Antworten, die Schlüssel, Token oder Benutzerdaten enthalten, ist es sicher. Nach dem Schließen der Seite werden die Daten gelöscht.

Können große JSON-Dateien verarbeitet werden?

Ja. Das Tool verwendet virtuelles Scroll-Rendering und Web Worker-Hintergrundanalyse, sodass auch JSON-Dateien von mehreren MB reibungslos formatiert und durchsucht werden können, ohne die Seite einzufrieren. Für sehr große Dateien empfehlen wir, die JSON-Datei direkt hochzuladen anstatt sie einzufügen, dies bietet stabilere Leistung.

Wozu dient die JSON-Komprimierung (Minify)?

Die Komprimierung entfernt alle überflüssigen Leerzeichen und Zeilenumbrüche aus JSON und ergibt das kompakteste einzeilige Ergebnis. Dies reduziert die Größe erheblich und spart Bandbreite und Speicher. Wird häufig für die API-Übertragung, das Schreiben von Konfigurationen, das Einbetten in Code oder als Umgebungsvariable verwendet. Komprimiertes JSON ist semantisch identisch mit dem vor der Formatierung, nur nicht menschenlesbar.

Was sind JSON-Baumansicht und Mindmap-Ansicht?

Die Baumansicht rendert JSON als reduzierbaren hierarchischen Baum mit Erweitern/Reduzieren von Knoten und visueller Bearbeitung von Feldern, ideal zum Durchsuchen tief verschachtelter Daten. Die Mindmap-Ansicht stellt die Struktur als Knotenverbindungen dar und zeigt die Parent-Child-Beziehungen von Objekten und Arrays intuitiv an, ideal zum Strukturieren komplexer Datenstrukturen oder für Präsentationen.

Kann nach der Formatierung nach Schlüsseln sortiert werden?

Ja. Das Tool bietet eine Schlüsselsortierungsfunktion, die das Neuanordnen von Objektschlüsseln in alphabetischer Auf- oder Abstiegsreihenfolge unterstützt. Praktisch zum Vergleichen von Unterschieden zweier JSONs, zum Standardisieren der Feldreihenfolge in Konfigurationsdateien oder zum Anzeigen von API-Feldern in fester Reihenfolge für Code-Reviews.

Kann das formatierte Ergebnis mit Kollegen geteilt werden?

Ja. Das Tool unterstützt das Komprimieren und Kodieren des aktuellen JSON-Inhalts in eine URL, um einen teilbaren Link zu generieren. Beim Öffnen des Links sieht der Empfänger dieselben Daten, ohne dass etwas auf einen Server hochgeladen werden muss. Ideal für die schnelle Zusammenarbeit bei der Fehlerbehebung von API-Problemen oder zum Reproduzieren von Datenszenarien.

Über JSON und JSON-Formatierung

JSON (JavaScript Object Notation) ist ein leichtgewichtiges Datenaustauschformat, das Daten mithilfe von Schlüssel-Wert-Paaren und Arrays darstellt. Aufgrund seiner Einfachheit, Lesbarkeit und Sprachunabhängigkeit ist es zum De-facto-Standard für Web-APIs, Konfigurationsdateien, Protokolle und Frontend-Backend-Datenübertragung geworden. JSON hat nur sechs grundlegende Wertetypen: Zeichenkette, Zahl, Boolescher Wert, null, Objekt und Array. Die Syntaxregeln werden gemeinsam von den Standards RFC 8259 und ECMA-404 definiert.

JSON-Formatierung (auch JSON-Verschönerung, JSON Beautify genannt) bedeutet, kompaktem JSON ohne Änderung des Dateninhalts angemessene Einrückungen und Zeilenumbrüche hinzuzufügen und es in eine hierarchische, menschenlesbare Form zu bringen. JSON in API-Antworten, Protokollen und Speichern ist oft einzeilig komprimiert und sehr schwer direkt zu lesen. Nach der Formatierung können Sie Objektverschachtelungen, Array-Elemente und die Werte jedes Feldes klar erkennen.

Die entgegengesetzte Operation zur Formatierung ist die JSON-Komprimierung (Minify), bei der alle nicht notwendigen Leerraumzeichen entfernt werden und JSON zurück in die kompakteste einzeilige Form gebracht wird, um die Übertragungsgröße zu reduzieren. Formatierung und Komprimierung sind zueinander umkehrbare Operationen, beide ändern nicht die Semantik von JSON, sondern beeinflussen nur Lesbarkeit und Größe.

JSON-Validierung prüft, ob ein Text den JSON-Syntaxregeln entspricht. Häufige ungültige Schreibweisen sind: Verwendung einfacher statt doppelter Anführungszeichen, Schlüssel ohne Anführungszeichen, überflüssiges abschließendes Komma nach dem letzten Element, Einfügung von // oder /* */ Kommentaren, nicht korrekt geschlossene Klammern oder Anführungszeichen usw. Dies sind keine gültigen JSONs, bei der Formatierung wird ein Fehler gemeldet – in diesem Fall sollten Sie zuerst das JSON-Reparatur-Tool verwenden und dann formatieren.

Dieses Tool bietet zusätzlich zur Formatierung eine Baumansicht, Mindmap-Ansicht und Codekonvertierung in 13 Programmiersprachen: Sie können JSON zu einem visuellen hierarchischen Baum reduzieren, um tiefe Strukturen zu durchsuchen, oder API-JSON mit einem Klick in TypeScript-Schnittstellen, Java-Klassen, Python-Dictionaries oder Datenbanktabellenerstellungsanweisungen konvertieren und direkt in der Entwicklung verwenden. Alle Verarbeitungen erfolgen lokal im Browser, Daten werden nicht auf Server hochgeladen.

Schnellreferenz zu JSON-Datentypen

JSON hat nur sechs Wertetypen. Ihr Verständnis hilft schnell zu beurteilen, ob Daten gültig sind und wie sie auf Programmiersprachentypen abgebildet werden.

TypBeispielBeschreibung
string"hello"Zeichenkette, muss in doppelten Anführungszeichen stehen, unterstützt Escape-Zeichen und \uXXXX Unicode-Kodierung.
number25 / 3.14 / -1e5Zahl, unterstützt Ganzzahlen, Dezimalzahlen und wissenschaftliche Notation, wird als doppelt genaue Gleitkommazahl geparst, unterscheidet nicht zwischen Ganzzahl und Gleitkommazahl.
booleantrue / falseBoolescher Wert, kann nur kleingeschriebenes true oder false sein.
nullnullNullwert, bedeutet keine Daten, muss kleingeschrieben sein, unterscheidet sich von leerer Zeichenkette oder 0.
object{"k": "v"}Objekt, eine durch geschweifte Klammern umschlossene Sammlung von Schlüssel-Wert-Paaren, Schlüssel müssen Zeichenketten in doppelten Anführungszeichen sein.
array[1, 2, 3]Array, eine durch eckige Klammern umschlossene geordnete Liste von Werten, Elementtypen können unterschiedlich sein.

Tabelle der JSON-Zeichenketten-Escape-Zeichen

Die folgenden Zeichen in JSON-Zeichenketten müssen mit einem umgekehrten Schrägstrich escaped werden, da sonst das Parsen fehlschlägt.

EscapeBedeutung
\"Doppeltes Anführungszeichen
\\Umgekehrter Schrägstrich
\/Schrägstrich (optionales Escape)
\nZeilenumbruch
\rWagenrücklauf
\tTabulator
\bRücktastenzeichen
\fSeitenvorschub
\uXXXXUnicode-Zeichen als vierstellige Hexadezimalzahl

Vergleichstabelle häufiger ungültiger Schreibweisen

Im Folgenden sind leicht zu übersehende ungültige JSON-Schreibweisen und ihre gültigen Formen aufgeführt. Bei Formatierungsfehlern können Sie dies zur Überprüfung verwenden.

UngültigGültigHinweis
{name: "a"}{"name": "a"}Schlüssel müssen in doppelten Anführungszeichen stehen
{'name': 'a'}{"name": "a"}Zeichenketten müssen in doppelten Anführungszeichen stehen, keine einfachen Anführungszeichen
{"a": 1,}{"a": 1}Abschließende Kommas sind nicht erlaubt
{"a": 1} // Kommentar{"a": 1}JSON unterstützt keine Kommentare
{"a": undefined}{"a": null}Es gibt kein undefined, verwenden Sie null für Nullwerte
{"a": .5}{"a": 0.5}Dezimalzahlen müssen eine ganzzahlige Stelle 0 haben

Code Examples

JavaScript: JSON mit JSON.stringify formatieren

javascript

Der dritte Parameter des integrierten JSON.stringify in Browsern und Node.js gibt die Einrückung an, die häufigste programmatische Methode zum Formatieren von JSON.

const data = { name: '张三', age: 25, tags: ['a', 'b'] };

// Verschönern: Dritter Parameter ist die Anzahl der Einrückungsleerzeichen (kann auch '\t' für Tab übergeben)
const pretty = JSON.stringify(data, null, 2);
console.log(pretty);

// Komprimieren: Ohne dritten Parameter ergibt die kompakteste Einzeile
const mini = JSON.stringify(data);
console.log(mini); // {"name":"张三","age":25,"tags":["a","b"]}

// Zeichenkette zu Objekt parsen (prüft Syntax, wirft bei Ungültigkeit SyntaxError)
const obj = JSON.parse(pretty);

Python: JSON mit dem json-Modul formatieren

python

Die Python-Standardbibliothek json steuert Einrückung und chinesische Anzeige über die Parameter indent und ensure_ascii.

import json

data = {"name": "张三", "age": 25, "tags": ["a", "b"]}

# Verschönerte Ausgabe, indent gibt Einrückung an, ensure_ascii=False behält Chinesisch bei
pretty = json.dumps(data, indent=2, ensure_ascii=False)
print(pretty)

# Komprimierte Ausgabe: Kompakteste Trennzeichen verwenden
mini = json.dumps(data, separators=(",", ":"), ensure_ascii=False)
print(mini)

# Zeichenkette parsen (wirft bei Ungültigkeit json.JSONDecodeError)
obj = json.loads(pretty)

Befehlszeile: JSON mit jq formatieren

bash

jq ist ein leistungsstarkes Tool zur Verarbeitung von JSON in der Befehlszeile, kann schnell verschönern, komprimieren und Felder extrahieren.

# Verschönern (Standardmäßig 2 Leerzeichen Einrückung)
cat data.json | jq '.'

# Zur Einzeile komprimieren
cat data.json | jq -c '.'

# Bestimmtes Feld extrahieren
cat data.json | jq '.user.name'

# curl-Ergebnis direkt per Pipe verschönern
curl -s https://api.example.com/user | jq '.'

Privacy & Security

Alle JSON-Formatierungen, Validierungen, Komprimierungen und Codekonvertierungen dieses Tools laufen vollständig lokal in Ihrem Browser ab. Daten werden nicht auf Server hochgeladen, noch entfernt aufgezeichnet oder zwischengespeichert. Selbst bei der Verarbeitung von API-Antworten, die Schlüssel, Token oder Benutzerinformationen enthalten, ist es sicher. Nach dem Schließen oder Aktualisieren der Seite werden die Daten gelöscht.

Authoritative References

Troubleshooting

Unexpected token ... in JSON (Unerwartetes Zeichen / Syntaxfehler)

Meistens werden einfache Anführungszeichen verwendet, Schlüssel sind nicht in doppelten Anführungszeichen oder es sind // , /* */ Kommentare enthalten. Die JSON-Spezifikation erfordert, dass alle Zeichenketten und Schlüssel in doppelten Anführungszeichen stehen müssen und keine Kommentare unterstützt werden. Bitte ändern Sie zu doppelten Anführungszeichen und entfernen Sie Kommentare, oder verwenden Sie zuerst das JSON-Reparatur-Tool.

Unexpected end of JSON input (Inhalt endet unerwartet)

Normalerweise sind Klammern {} oder [] oder Anführungszeichen nicht korrekt geschlossen, sodass JSON unvollständig ist. Bitte prüfen Sie, ob Strukturen paarweise geschlossen sind. Beim Einfügen von API-Antworten wurde möglicherweise nur ein Teil des Inhalts kopiert, stellen Sie sicher, dass Sie vollständig kopieren.

Abschließendes Komma verursacht Fehler (Trailing comma)

JSON erlaubt kein Komma nach dem letzten Element eines Objekts oder Arrays, z.B. sind {"a":1,} oder [1,2,] ungültig. Entfernen Sie das überflüssige Komma. JavaScript-Objekte erlauben abschließende Kommas, JSON jedoch nicht. Seien Sie beim Kopieren aus Code besonders vorsichtig.

Chinesische oder Sonderzeichen werden als \uXXXX angezeigt

Dies ist die Unicode-Escape-Schreibweise von JSON, an sich gültig und kann nach der Formatierung normal geparst werden. Wenn Sie Chinesisch direkt anzeigen möchten, deaktivieren Sie auf der Erzeugungsseite das Escaping (z.B. Pythons ensure_ascii=False, Gos Deaktivierung der HTML-Escape-Funktion).

Genauigkeitsverlust bei großen Zahlen (z.B. ID wird zu wissenschaftlicher Notation oder letzte Stelle wird null)

JSON-Zahlen werden nach IEEE 754 doppelt genaue Gleitkommazahlen geparst. Ganzzahlen über 2^53 (z.B. Snowflake-IDs, Bestellnummern) verlieren an Genauigkeit. Die Lösung besteht darin, große Ganzzahlen bei der Übertragung in Zeichenketten einzuschließen, d.h. "id": "9007199254740993", um zu vermeiden, dass sie als Zahl geparst werden.

Nach der Formatierung zurück zur Einzeile

Wechseln Sie einfach zu "Komprimieren / Minify", um das verschönerte mehrzeilige JSON wieder zur kompaktesten Einzeile zu machen, für API-Übertragung, Schreiben von Konfigurationen oder Einbetten in Code. Komprimieren und Verschönern sind zueinander inverse Operationen und ändern den Dateninhalt nicht.