JSON-Formatierer, Validator & Minifier

JSON direkt im Browser formatieren, validieren und minifizieren

JSON, kurz für JavaScript Object Notation, ist die Lingua franca des modernen Webs. Nahezu jede REST-API, die Sie aufrufen, gibt JSON zurück, die meisten Konfigurationsdateien setzen darauf, und ein riesiger Teil der Daten, die zwischen Diensten und Frontends fließen, wird als JSON serialisiert. Die Beliebtheit hat einen guten Grund: Das Format ist einfach, sprachunabhängig und bildet sauber jene Objekte, Arrays, Zeichenketten und Zahlen ab, in denen Programmierer ohnehin denken. Doch genau diese Kompaktheit hat eine Kehrseite. In dem Moment, in dem ein Server Ihnen eine einzeilige Antwort mit Hunderten verschachtelter Schlüssel zurückgibt, verschwindet die Struktur, die JSON so attraktiv machte, in einer Wand aus Zeichen.

Der JSON-Formatter von speedor.net gibt Ihnen diese Struktur zurück. Fügen Sie Ihre Daten ein, und das Tool formatiert, validiert und minifiziert JSON auf der Stelle, vollständig in Ihrem Browser-Tab. Nichts wird auf einen Server hochgeladen, was sehr wichtig ist, wenn die Nutzlast, die Sie untersuchen, eine API-Antwort mit Tokens, Kundendaten oder internen Bezeichnern ist.

Warum Einrückung JSON wieder lesbar macht

Formatieren, auch Beautifying oder Pretty-Printing genannt, nimmt kompaktes oder minifiziertes JSON und fügt Zeilenumbrüche sowie eine einheitliche Einrückung hinzu. Die Information bleibt identisch; nur die Leerzeichen ändern sich. Doch genau diese Leerzeichen lassen Ihr Auge der Verschachtelungstiefe folgen, erkennen, wo ein Objekt endet und das nächste beginnt, und ein Array aus drei Elementen von einem aus dreihundert unterscheiden. Wenn Sie um zwei Uhr nachts eine Integration debuggen, ist der Unterschied zwischen einem lesbaren Baum und einer ununterbrochenen Zeichenkette der Unterschied zwischen Fund und Verfehlen des Fehlers.

Ein guter Formatter behält außerdem die Reihenfolge der Schlüssel und die exakten Werte bei, sodass Sie wirklich das lesen, was die API gesendet hat. Sie betrachten keine neu gerenderte Annäherung, sondern dieselben Bytes, nur so aufbereitet, dass ein Mensch sie ebenso leicht parsen kann wie eine Maschine.

Validierung und die Fehler, über die jeder stolpert

Beautifying ist nur die halbe Arbeit. Bevor JSON überhaupt formatiert werden kann, muss es gültig sein, und die strengen Regeln des Formats fangen weit mehr Fehler ab, als man erwartet. Ein Validator parst Ihre Eingabe und sagt Ihnen genau, wo sie bricht, meist mit Verweis auf Zeile und Position, sodass Sie nicht blind suchen müssen. Die folgende Handvoll Fehler macht die überwältigende Mehrheit der defekten JSON aus:

• Nachgestellte Kommas. JSON verbietet ein Komma nach dem letzten Element eines Objekts oder Arrays. JavaScript toleriert es, was genau der Grund ist, warum Entwickler es aus Gewohnheit einfügen.
• Einfache Anführungszeichen. Zeichenketten und Schlüssel müssen doppelte Anführungszeichen verwenden. Wer ein Objektliteral direkt aus dem Quellcode übernimmt, lässt oft einfache Anführungszeichen zurück, und der Parser weist es ab.
• Schlüssel ohne Anführungszeichen. Jeder Schlüssel muss eine in Anführungszeichen gesetzte Zeichenkette sein. Nackte Schlüssel, die in einem JavaScript-Objekt einwandfrei funktionieren, sind ungültiges JSON.
• Fehlende oder nicht zueinander passende Klammern. Eine nicht geschlossene { oder [ oder eine verirrte schließende Klammer bringt das gesamte Dokument zum Entgleisen. Der Formatter hebt hervor, wo die Balance bricht.
• Kommentare und undefinierte Werte. JSON kennt keine Kommentare und kein undefined; erlaubt sind nur null, Booleans, Zahlen, Zeichenketten, Arrays und Objekte.

Schicken Sie eine verdächtige Nutzlast zuerst durch den Validator, und diese Probleme tauchen in Sekunden auf statt nach einer verwirrenden Kette fehlgeschlagener Deployments.

Minifizieren, um Nutzlasten zu verkleinern

Die umgekehrte Operation ist ebenso nützlich. Das Minifizieren entfernt jedes Byte optionaler Leerzeichen und schrumpft Ihr JSON auf die knappste einzeilige Form zurück. Genau das wollen Sie, wenn die Daten über die Leitung gehen oder in einen Konfigurationswert wandern, denn kleinere Nutzlasten bedeuten weniger Bandbreite und schnellere Übertragungen. Ein gängiger Arbeitsablauf besteht darin, eine Antwort beim Studieren zu beautifyen, das Fehlerhafte zu beheben und das Ergebnis dann zu minifizieren, bevor man es committet oder in eine Umgebungsvariable einfügt. Ein Tool deckt beide Enden dieser Schleife ab.

Lokale Verarbeitung schützt sensible Daten

Da jeder Schritt in JavaScript innerhalb Ihres eigenen Browsers läuft, verlässt das eingefügte JSON niemals Ihren Rechner. Das ist keine Marketing-Nettigkeit, sondern eine praktische Garantie. Sie können eine rohe API-Antwort voller Bearer-Tokens, einen Export von Nutzerdaten oder eine interne Dienstkonfiguration einfügen, ohne sich Sorgen zu machen, dass ein Drittanbieter-Server sie protokolliert. Schließen Sie den Tab, und die Daten sind weg. Für alle, die unter Datenschutzregeln arbeiten, beseitigt die rein lokale Verarbeitung eine ganze Kategorie von Risiken.

Sobald Ihr JSON sauber ist, möchten Sie vielleicht weitermachen. Entdecken Sie den Rest unserer Entwickler-Tools, konvertieren Sie eine Struktur mit JSON zu YAML oder dekodieren Sie einen eingebetteten Wert mit Base64. Jedes Tool folgt demselben Prinzip: schnell, kostenlos und vollständig in Ihrem Browser verarbeitet.

Häufig gestellte Fragen