JSON-Formatierer – kostenlos
JSON-Daten formatieren, validieren, minimieren und erkunden. Baumansicht, Syntaxhervorhebung und Ein-Klick-Kopie.
Häufige Anwendungen
- Formatieren Sie API-AntwortenFügen Sie rohe API-JSON-Antworten ein und formatieren Sie sie sofort in lesbare, eingerückte Ausgabe.
- Formatieren Sie JSON-KonfigurationsdateienBereinigen und validieren Sie JSON-Konfigurationsdateien — package.json, tsconfig.json, Einstellungen und mehr.
- Formatieren Sie JSON zum DebuggenEntschlüsseln Sie sofort Minified- oder Escaped-JSON-Logs, Fehlernutzlasten und Datenbankausgaben.
- Formatieren Sie JSON-ÜbersetzungsdateienValidieren und beautifizieren Sie i18n-Übersetzungs-JSON-Dateien (en.json, de.json), die in React-, Vue- und Next.js-Apps verwendet werden.
- Überprüfen und formatieren Sie Webhook-NutzlastenFügen Sie rohe Webhook-Nutzlasten von Stripe, GitHub oder Shopify ein und lesen Sie sie klar formatiert.
So funktioniert es
Der Formatierer läuft vollständig in Ihrem Browser mit den integrierten JavaScript-Funktionen JSON.parse und JSON.stringify – keine Bibliothek, kein Server. Parsen, Formatieren, Minimieren und die interaktive Baumansicht erfolgen lokal während des Tippens.
- 1Live-Parsing bei der EingabeJSON.parse läuft 200 ms nach Ihrem letzten Tastenanschlag. Schlägt das Parsen fehl, liest eine selbst geschriebene Fehlerortungsfunktion die SyntaxError-Meldung von V8 oder Firefox, extrahiert Zeilen- und Spaltennummer und bietet einen Link, der im Textfeld direkt zum Fehler springt.
- 2Erkennung unsicherer GanzzahlenVor der Ausgabe durchsucht das Tool den Rohtext nach Ganzzahl-Literalen mit 16 oder mehr Stellen (außer in Zeichenketten) und prüft jedes mit Number.isSafeInteger. Würde eines durch die IEEE-754-Speicherung als Double stillschweigend gerundet, erscheint eine Warnung, bevor Sie kopieren oder herunterladen.
- 3Formatieren, Minimieren und Schlüssel sortierenJSON.stringify(value, null, indent) erzeugt die formatierte oder minimierte Ausgabe. Ist Schlüssel sortieren aktiv, durchläuft eine rekursive Funktion jedes Objekt im geparsten Baum und baut es vor der Serialisierung mit Object.keys(...).sort() neu auf – Arrays behalten ihre ursprüngliche Reihenfolge.
- 4Interaktive BaumansichtDie Baumansicht ist eine selbst geschriebene rekursive Abflachung, die das geparste Objekt in eine flache Liste von Knoten mit Tiefe, Pfad und Auf-/Zuklapp-Zustand umwandelt. Die Darstellung ist auf 5.000 sichtbare Knoten begrenzt, damit der Tab bei mehreren Megabyte großen Dokumenten mit großen aufgeklappten Arrays nicht einfriert.
Alles läuft lokal in Ihrem Browser – Ihr JSON wird nie an einen Server gesendet.
Ähnliche Tools
CSS-Minifier & -Beautifier
Minifizieren Sie CSS zur Dateigrößenreduzierung oder verschönern Sie minifiziertes CSS zur besseren Lesbarkeit. Sofort, in Ihrem Browser.
CSS-Beautifier
Minifiziertes CSS mit einheitlicher Einrückung lesbar formatieren oder CSS minifizieren. Optional alphabetische Sortierung der Eigenschaften für nachvollziehbare Diffs.
HTML-Beautifier & -Minifier
HTML mit korrekter Verschachtelungseinrückung formatieren oder minifizieren. Inhalt in <pre>-, <script>- und <style>-Blöcken bleibt erhalten.