Zum Hauptinhalt springen

JSON-Formatierer – kostenlos

JSON-Daten formatieren, validieren, minimieren und erkunden. Baumansicht, Syntaxhervorhebung und Ein-Klick-Kopie.

Funktioniert nach dem Laden offline

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.

  1. 1
    Live-Parsing bei der Eingabe
    JSON.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.
  2. 2
    Erkennung unsicherer Ganzzahlen
    Vor 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.
  3. 3
    Formatieren, Minimieren und Schlüssel sortieren
    JSON.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.
  4. 4
    Interaktive Baumansicht
    Die 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

Häufige Fragen