MyDevTools
DE

JSON Formatter

JSON im Browser formatieren, minifizieren und validieren: 2/4 Leerzeichen oder Tab, rekursive Schlüsselsortierung, exakte große Zahlen, .json-Dateien.

Eingaben und Dateien bleiben im Browser

Eingabe JSON

Fügen Sie JSON ein oder ziehen Sie eine .json-Datei hierher, um sie zu formatieren, zu minifizieren oder die Schlüssel zu sortieren.

Im Editor rückt Tab ein. Drücken Sie Esc und dann Tab, um den Editor zu verlassen.

Auf dieser Seite

Fügen Sie ein JSON-Dokument ein oder öffnen Sie es und machen Sie daraus gut lesbaren, einheitlich eingerückten Text – oder minifizieren Sie es wieder zu einer einzigen Zeile. Der Editor hebt die Syntax hervor, klappt Objekte und Arrays ein und zeigt die Fehlerposition des Parsers, ohne Ihre Daten irgendwohin zu senden.

Detaillierte Funktionalität

Formatieren schreibt das Dokument mit 2 Leerzeichen, 4 Leerzeichen oder einem Tab pro Ebene neu, und Kompaktmodus (minifizieren) entfernt alle bedeutungslosen Leerzeichen und Zeilenumbrüche. Schlüssel sortieren ordnet die Schlüssel jedes Objekts auf allen Verschachtelungsebenen – so lassen sich zwei JSON-Dateien leicht in einem diff vergleichen. Zahlen werden exakt wie im Original ausgegeben – 12345678901234567890 und 1.0 werden weder gerundet noch gekürzt –, sofern der Browser JSON.rawJSON unterstützt (aktuelle Versionen von Chrome, Edge und Firefox).

Die Eingabe wird vom strikten JSON-Parser des Browsers geprüft: Kommentare, nachgestellte Kommas und einfache Anführungszeichen werden abgelehnt, und die Meldung zeigt auf das Problem, z. B. Expected double-quoted property name in JSON at position 7 (line 1 column 8) in Chrome. Der Editor bleibt auch bei Dateien mit mehreren Megabyte reaktionsschnell, einschließlich minifiziertem JSON in einer Zeile, und Strg/Cmd+F durchsucht den Inhalt.

Öffnen Sie eine .json-Datei oder ziehen Sie sie in den Editor, kopieren Sie dann das Ergebnis oder laden Sie es als formatted.json herunter. Einrückung, Sortierung und Kompaktmodus werden in diesem Browser gespeichert; der JSON-Text selbst wird nie gespeichert oder hochgeladen.

Praktische Beispiele

Eine Antwort minifizieren: Mit aktiviertem Kompaktmodus wird { "a": [1, 2], "b": "x" }, verteilt auf mehrere Zeilen, zu {"a":[1,2],"b":"x"}.

Schlüssel auf allen Ebenen sortieren: {"b":1,"a":{"d":true,"c":[1,2]}} ergibt mit Schlüssel sortieren und Kompaktmodus {"a":{"c":[1,2],"d":true},"b":1}.

Große IDs unverändert lassen: {"id": 12345678901234567890, "price": 1.0} wird zu {"id":12345678901234567890,"price":1.0} minifiziert; ein einfacher Durchlauf mit JSON.parse + JSON.stringify würde aus der ID 12345678901234567000 und aus dem Preis 1 machen.

Einen Syntaxfehler finden: {"a":1,} wird nicht formatiert; der Fehler nennt Position 7 (Zeile 1, Spalte 8) – das nachgestellte Komma vor }.

So verwenden Sie dieses Tool

  1. JSON hinzufügen

    Fügen Sie den Text in den Editor Eingabe JSON ein, klicken Sie auf Öffnen, um eine .json-Datei zu laden, oder ziehen Sie die Datei in den Editor.

  2. Formatierung wählen

    Wählen Sie die Einrückungsgröße (2 Leerzeichen, 4 Leerzeichen oder Tab) und aktivieren Sie bei Bedarf Schlüssel sortieren oder Kompaktmodus (minifizieren).

  3. Formatieren

    Klicken Sie auf Formatieren oder drücken Sie Strg+Enter (Cmd+Enter unter macOS). Ungültiges JSON wird über dem Editor gemeldet, und Ihr Text bleibt unverändert.

  4. Ergebnis verwenden

    Klicken Sie auf Kopieren, um das Ergebnis in die Zwischenablage zu übernehmen, oder auf Herunterladen, um es als formatted.json zu speichern.

Tipps und Best Practices

  • Eine Änderung von Einrückung, Schlüssel sortieren oder Kompaktmodus formatiert den aktuellen Text sofort neu.
  • Eingaben im JSON5-Stil (Kommentare, nachgestellte Kommas, einfache Anführungszeichen, Schlüssel ohne Anführungszeichen) sind kein gültiges JSON – der Parser bricht beim ersten solchen Zeichen ab.
  • Schlüssel sortieren verwendet die einfache Zeichenreihenfolge, daher steht "B" vor "a", und ganzzahlartige Schlüssel wie "2" und "10" stehen immer vorn (eine Regel von JavaScript-Objekten).
  • Klicken Sie auf die Pfeile neben den Zeilennummern, um große Objekte und Arrays einzuklappen; Strg/Cmd+F findet Text auch in Zeilen außerhalb des sichtbaren Bereichs.
  • Im Editor fügt Tab eine Einrückung ein; drücken Sie Esc und dann Tab, um den Fokus zu verlassen.
  • Nach dem ersten Besuch funktioniert die Seite auch offline, und das JSON verlässt nie Ihren Browser.