JSON-Formatter
Tipp: Drücken Sie Strg+Enter, um zu formatieren
Fügen Sie Ihr JSON ein
Geben Sie einen JSON-String im Eingabefeld ein oder fügen Sie ihn ein, und der Formatter wird ihn sofort validieren, formatieren und mit Syntaxhervorhebung anzeigen.
So verwenden Sie diesen Formatter
Fügen Sie Ihr JSON ein oder laden Sie es hoch
Kopieren Sie Ihren JSON-String aus einer API-Antwort, einer Konfigurationsdatei oder einer beliebigen Quelle und fügen Sie ihn in das Eingabefeld ein. Alternativ klicken Sie auf 'Datei hochladen', um eine .json-Datei direkt von Ihrem Computer zu importieren. Der Formatter beginnt automatisch mit der Verarbeitung, während Sie tippen.
Wählen Sie Formatierungsoptionen
Wählen Sie Ihre bevorzugte Einrückung (2 Leerzeichen für kompakte Ausgabe, 4 Leerzeichen für zusätzliche Lesbarkeit oder Tabulator für traditionelle Formatierung). Aktivieren Sie 'Schlüssel sortieren', wenn Sie möchten, dass alle Objekt-Schlüssel alphabetisch geordnet sind – nützlich beim Vergleichen zweier JSON-Objekte oder beim Generieren deterministischer Ausgaben.
Überprüfen Sie das Ergebnis
Ein grünes Abzeichen bestätigt, dass das JSON gültig ist. Bei einem Syntaxfehler zeigt ein rotes Abzeichen die genaue Zeilen- und Spaltennummer zusammen mit einer Beschreibung des Fehlers in einfacher Sprache an. Verwenden Sie die Schaltfläche 'Auto-Fix', um häufige Probleme wie überflüssige Kommas, einfache Anführungszeichen und nicht zitierte Schlüssel automatisch zu beheben, bevor Sie formatieren.
Kopieren, Herunterladen oder Erkunden
Wechseln Sie zwischen der formatierten Ansicht (syntax-hervorgehobener Code), der Baumansicht (interaktive zusammenklappbare Hierarchie) und dem CSV-Tab (für Arrays von Objekten). Kopieren Sie die Ausgabe in die Zwischenablage oder laden Sie sie als .json- oder .csv-Datei herunter. Überprüfen Sie die Größenvergleichsbalken, um zu sehen, wie viel die Minimierung Ihre Nutzlast reduziert.
Häufig gestellte Fragen
Ist meine JSON-Daten sicher hier einzufügen?
Ja, vollkommen. Der JSON-Formatter läuft vollständig in Ihrem Browser mit clientseitigem JavaScript. Ihre Daten werden niemals an einen Server gesendet, niemals gespeichert und niemals protokolliert. Alles geschieht lokal auf Ihrem Gerät – selbst wenn Sie nach dem Laden der Seite die Internetverbindung trennen, funktioniert der Formatter weiter. Dies macht es sicher, ihn mit API-Token, Datenbanknutzlasten, internen Konfigurationsdateien oder anderen sensiblen Daten zu verwenden, die Sie nicht über ein Netzwerk übertragen möchten.
Was macht die Auto-Fix-Schaltfläche?
Auto-Fix wendet eine Reihe von heuristischen Reparaturen auf fehlerhaftes JSON an, bevor es geparst wird. Es behandelt die häufigsten Probleme aus der Praxis: Entfernen von überflüssigen Kommas (die von JavaScript-Objektliteralen übrig geblieben sind), Umwandeln von einfachen Anführungszeichen in doppelte Anführungszeichen, Hinzufügen fehlender Anführungszeichen um nicht zitierte Objekt-Schlüssel, Ersetzen von Python-Stil None/True/False durch JSON null/true/false, Entfernen von JavaScript-Stil Kommentaren (// und /* */), Normalisieren von geschweiften oder 'intelligenten' Anführungszeichen, die aus Textverarbeitungsprogrammen eingefügt wurden, Entfernen von JSONP-Funktionshüllen und Umwandeln von zeilengetrenntem JSON (NDJSON) in ein gültiges JSON-Array. Auto-Fix ist ein Best-Effort-Tool – es funktioniert gut für häufige Fälle, kann jedoch schwer beschädigte Daten nicht reparieren.
Was ist der Unterschied zwischen Formatieren und Minimieren?
Formatierung (auch als Verschönern oder Schön-Drucken bezeichnet) fügt Einrückungen und Zeilenumbrüche hinzu, um JSON leicht lesbar zu machen. Es ist ideal für Entwicklung, Debugging und Dokumentation. Minimieren macht das Gegenteil: Es entfernt alle unnötigen Leerzeichen – Leerzeichen, Tabs und Zeilenumbrüche – und erzeugt die kompakteste mögliche Darstellung derselben Daten. Minimiertes JSON ist schneller über ein Netzwerk zu übertragen und verbraucht weniger Bandbreite, was es zum bevorzugten Format für API-Antworten in der Produktion macht. Die beiden Darstellungen enthalten genau dieselben Daten; nur die Formatierung unterscheidet sich. Unsere Größenvergleichsbalken zeigen Ihnen numerisch, wie viel kleiner die minimierte Ausgabe ist.
Wie funktioniert die Baumansicht?
Die Baumansicht rendert Ihr JSON als interaktive zusammenklappbare Hierarchie. Jedes Objekt und Array wird mit einem Umschaltpfeil angezeigt, der seine Kinder erweitert oder zusammenklappt. Ein Klick auf einen Knoten öffnet oder schließt ihn. Standardmäßig sind die ersten beiden Ebenen erweitert, sodass Sie die oberste Struktur sofort sehen können, ohne von tief verschachtelten Daten überwältigt zu werden. Die Schaltflächen Alle erweitern und Alle zusammenklappen schalten den gesamten Baum auf einmal um. Wenn Sie mit der Maus über einen Knoten fahren, wird ein kleines Kopiersymbol angezeigt, mit dem Sie nur den Wert dieses Knotens als formatiertes JSON kopieren können – perfekt, wenn Sie ein bestimmtes verschachteltes Objekt aus einer großen Antwort benötigen.
Wann erscheint der CSV-Tab?
Der CSV-Tab erscheint automatisch, wenn Ihr JSON ein gültiges Array von Objekten ist – ein Muster, das von praktisch jeder REST-API zurückgegeben wird, die Ressourcen auflistet (Benutzer, Produkte, Bestellungen usw.). Der Konverter extrahiert alle eindeutigen Schlüssel aus allen Objekten als Spaltenüberschriften und ordnet dann die Werte jedes Objekts den entsprechenden Spalten zu. Verschachtelte Objekte innerhalb von Array-Elementen werden als JSON-Strings serialisiert, anstatt in Unterspalten abgeflacht zu werden. Die resultierende CSV kann heruntergeladen und direkt in Excel, Google Sheets oder einer anderen Tabellenkalkulationsanwendung geöffnet werden. Wenn Ihr JSON ein einzelnes Objekt ist oder nicht-objektbasierte Array-Elemente enthält, ist der CSV-Tab ausgeblendet.
Welche Einrückung sollte ich wählen?
Die Wahl hängt von Ihrem Anwendungsfall und den Teamkonventionen ab. Zwei Leerzeichen sind die beliebteste Wahl in JavaScript, TypeScript und JSON-Konfigurationsdateien – sie halten die Dateien kompakt und dennoch lesbar. Vier Leerzeichen sind in Python-Projekten und einigen Java-Umgebungen üblich. Tabs werden von einigen Teams bevorzugt, da sie es jedem Entwickler ermöglichen, seinen Editor so zu konfigurieren, dass sie in jeder visuellen Breite angezeigt werden. Im Zweifelsfall überprüfen Sie die .editorconfig oder die Linting-Konfiguration Ihres Projekts. Für das Teilen von JSON in Dokumentationen oder Nachrichten, in denen die visuelle Ausrichtung wichtiger ist als die Dateigröße, sind 4 Leerzeichen in der Regel am klarsten. Für Produktions-API-Antworten verwenden Sie immer Minimierung anstelle von Einrückungen.