JSON-Formatierer & Validator

Was ist ein JSON-Formatierer?#

Ein JSON-Formatierer nimmt eine dichte JSON-Wand — die Art, die ein Server in einer einzigen Zeile protokolliert, oder die ein Bundler minifiziert ausgibt — und schreibt sie mit konsistenter Einrückung neu, sodass ein Mensch sie lesen kann. Das klingt trivial, aber ein Formatierer ist meist das erste Werkzeug, das man greift, wenn eine Anfrage scheitert, eine Konfigurationsdatei einen Tippfehler hat oder zwei Payloads gleich aussehen, sich aber verschieden verhalten.

Diese Seite erledigt drei verwandte Aufgaben an einem Ort. Sie formatiert (Pretty-Print: fügt Einrückung und Zeilenumbrüche hinzu), sie validiert (sagt Ihnen, ob der Text überhaupt gültiges JSON ist) und sie minifiziert (streicht jedes Byte Whitespace für den kleinstmöglichen Payload). Wenn die Validierung scheitert, sagt die Statusleiste nicht einfach „Fehler“ — sie meldet die genaue Zeile und Spalte, und das ist oft der Unterschied zwischen einer Sekunde Korrektur und zwanzig Minuten Starren.

Verwendung#

1. Fügen Sie Ihr JSON in die Eingabe-Fläche links ein. Sie können auch auf Beispiel klicken, um ein kleines Beispiel zu laden, wenn Sie nur das Verhalten sehen möchten.
2. Wählen Sie auf der Werkzeugleiste eine Einrückung: 2 Leerzeichen, 4 Leerzeichen oder Tabulator. Zwei Leerzeichen sind die häufigste Konvention; Tabulator ist praktisch, wenn Sie anschließend in einen Editor einfügen wollen, der bereits Tabulatoren verwendet.
3. Legen Sie fest, was sonst noch geschehen soll:
   • Formatieren — Pretty-Print mit der gewählten Einrückung.
   • Minifizieren — zu einer einzigen Zeile ohne Leerzeichen zusammenfassen. Ideal, bevor Sie in einen Request-Body einfügen.
   • Validieren — Syntax prüfen, ohne den Text zu verändern; nützlich, wenn Sie nur ein Ja/Nein möchten.
4. Setzen Sie den Haken bei Schlüssel sortieren, wenn die Objekt-Eigenschaften in alphabetischer Reihenfolge ausgegeben werden sollen. Das ist überraschend nützlich, wenn man zwei Antworten verschiedener API-Versionen vergleicht: mit sortierten Schlüsseln bleiben als Unterschiede nur diejenigen, die wirklich zählen.
5. Setzen Sie den Haken bei Nachgestellte Kommas erlauben für eine entspannte, menschenfreundliche Variante (ein Komma nach dem letzten Element). Beachten Sie, dass strenge Parser das ablehnen — aktivieren Sie es nur zum lokalen Lesen.
6. Lesen Sie das Ergebnis in der Ausgabe-Fläche. Die Statusleiste darunter meldet entweder Gültiges JSON oder die genaue Fehlerposition (Zeile:Spalte — Meldung). Verwenden Sie Kopieren, um die Ausgabe zu übernehmen.

Eckpunkte#

• Strenger nativer Parser. Baut auf der eigenen JSON-Implementierung des Browsers auf, sodass das, was hier durchgeht, auch zur Laufzeit durchgeht. Kein eigener Dialekt, keine Überraschungen.
• Genaue Fehlerposition. Ein nachgestelltes Komma, ein Schlüssel ohne Anführungszeichen, eine fehlende Klammer — jedes wird mit Zeile und Spalte gemeldet, nicht nur mit einem generischen „Parse-Fehler“.
• Drei Einrückungsstile. 2 Leerzeichen, 4 Leerzeichen, Tabulator.
• Optionales Sortieren der Schlüssel und nachgestellte Kommas. Beides pro Durchlauf umschaltbar, ohne neu einzufügen.
• 100 % clientseitig. Der Text, den Sie einfügen, wird von der Seite in Ihrem Browser verarbeitet. Er wird niemals hochgeladen — es gibt kein Backend, zu dem man hochladen könnte.
• Live-Zeichenzähler. Beide Flächen zeigen ihre Größe, was hilft, wenn man Bytes von einem Payload sparen will.

Konkretes Beispiel#

Stellen Sie sich vor, ein Konfigurations-Endpoint liefert diesen minifizierten Block zurück und Sie müssen einen falsch benannten Schlüssel finden:

Eingabe (minifiziert, eine Zeile):

{"server":"api.example.com","port":443,"retry":{"count":3,"backoffMs":[100,400,1600]},"tags":["prod","primary"]}

Klicken Sie auf Formatieren mit 2 Leerzeichen Einrückung und Schlüssel sortieren an:

{
  "port": 443,
  "retry": {
    "backoffMs": [
      100,
      400,
      1600
    ],
    "count": 3
  },
  "server": "api.example.com",
  "tags": [
    "prod",
    "primary"
  ]
}

Mit sortierten Schlüsseln liegt backoffMs direkt neben count, und Sie erkennen sofort die exponentielle Form (100, 400, 1600), die in der einzeiligen Version unsichtbar war. Beachten Sie, dass tags weiterhin ["prod","primary"] ist — Schlüssel sortieren sortiert nur Objekt-Eigenschaften; Array-Elemente werden niemals angerührt, deshalb ist die Reihenfolge, in der Sie sie eintragen, genau die Reihenfolge, die Sie zurückbekommen.

FAQ#

Werden hier meine Daten hochgeladen?#

Nein. Das Parsing erfolgt über die eingebaute JSON-API des Browsers innerhalb dieser Seite. Es gibt keinen Server-Endpoint und keine Netzwerkanfrage — Ihre Eingabe bleibt auf Ihrem Gerät.

Die Statusleiste sagt, mein JSON sei ungültig, aber es sieht in Ordnung aus. Was nun?#

Prüfen Sie die gemeldete Zeile und Spalte. Die vier häufigsten Übeltäter sind: ein nachgestelltes Komma vor einem schließenden } oder ], einfache Anführungszeichen um Strings (JSON verlangt doppelte), ein Objekt-Schlüssel ohne Anführungszeichen und ein literaler Tabulator oder ein Steuerzeichen, das aus einem anderen Editor eingefügt wurde. Die Spaltennummer zeigt auf den genauen Verursacher.

Was macht „Schlüssel sortieren“ genau?#

Es gibt die Eigenschaften jedes Objekts in alphabetischer Reihenfolge erneut aus (ASCII-Reihenfolge, Groß-/Kleinschreibung beachtend). Arrays bleiben in ihrer ursprünglichen Reihenfolge — „Schlüssel sortieren“ sortiert nie Array-Elemente um, weil die Array-Reihenfolge semantisch bedeutsam ist.

Kann das auch mit sehr großen Dateien umgehen?#

Ja, bis zur Speichergrenze des Browsers. Bei Dateien von einigen Megabyte aufwärts ist mit einem spürbaren Moment für das Formatieren zu rechnen; die Statusleiste zeigt die Zeichenanzahl, sodass Sie die Größe abschätzen können. Diese Seite arbeitet nicht im Streaming-Verfahren, deshalb werden extrem große Eingaben (Hunderte MB) den Tab belasten.