JSON-Formatter & -Viewer
Fügen Sie JSON ein und es wird direkt formatiert. Klicken Sie auf ein Feld, um dessen vollen Wert und Pfad rechts zu inspizieren; Syntaxfehler werden per Zeile und Spalte markiert. Alles läuft lokal in Ihrem Browser.
- Einrückung
- 2 / 4 Leerzeichen · Tab
- Extras
- Inspizieren · Sortieren · Statistiken
- Datenschutz
- Nichts hochgeladen
- Nutzung
- Kostenlos · Keine Anmeldung
WARUM ES WICHTIG IST
Gebaut für alle, die täglich JSON lesen
API-Antworten, Konfigurationsdateien, Log-Payloads – rohes JSON kommt als eine dichte Zeile. Machen Sie es lesbar, finden Sie das fehlerhafte Komma und stellen Sie es dann wieder so her, wie Sie es benötigen.
Beautify & Minify
Ein Klick wechselt zwischen einem menschenlesbaren Baum und einer kompakten Zeile. Wählen Sie 2 Leerzeichen, 4 Leerzeichen oder einen Tab, passend zum Stil Ihrer Codebasis.
Fehler per Zeile und Spalte lokalisiert
Ungültiges JSON meldet die exakte Position – Z12 : S34 – statt einer kryptischen Parser-Meldung, sodass Sie direkt zum fehlenden Komma oder abschließenden Anführungszeichen springen.
Rekursive Schlüsselsortierung
Sortieren Sie Objektschlüssel alphabetisch bei jeder Tiefe, während Arrays ihre Reihenfolge behalten. Ideal für den Vergleich von Konfigurationen und die Stabilisierung von Fixtures über Commits hinweg.
Escape / Unescape Literale
Wandeln Sie JSON in ein escapten String-Literal zum Einbetten in Code oder Umgebungsdateien um und entpacken Sie ein zitiertes Literal zurück in rohes JSON zur Untersuchung.
Klicken Sie auf jedes Feld, um es vollständig anzuzeigen
Klicken Sie auf ein Feld im Editor – ein Seitenbereich öffnet sich mit seinem vollständigen Wert, Typ und JSON-Pfad, inklusive geschachtelter Objekte und Arrays. So müssen Sie nie mehr Klammern von Hand zählen.
Läuft vollständig lokal
JSON verlässt Ihren Browser nie, das Tool funktioniert offline, und es wird keine Anfrage gestellt, solange die Eingabe leer ist.
Wie es funktioniert
Wechseln Sie die Einrückung zwischen 2 Leerzeichen, 4 Leerzeichen und Tabulatoren. Minimieren Sie für die Übergabe an eine Maschine auf eine einzige Zeile, sortieren Sie Objektschlüssel rekursiv bei Bedarf für eine stabile Reihenfolge oder wandeln Sie den gesamten Payload in einen String-Literal um – und wandeln Sie ein zitiertes Literal, das aus einer Logzeile kopiert wurde, wieder zurück.
Klicken Sie auf ein beliebiges Feld, um seinen vollständigen Wert in einem Seitenbereich einzusehen, und Schlüssel, Array-Elemente und Verschachtelungstiefe werden während der Eingabe aktualisiert. Behalten Sie mehrere Dokumente auf einer Seite geöffnet und vergleichen Sie sie auf einen Blick – jedes hat seinen eigenen Editor. Alles läuft lokal in Ihrem Browser und nichts wird hochgeladen.
Weitere JSON-Tools
Drittanbieter-Tools, sortiert nach Anwendungsfall – wir duplizieren sie nicht hier, also gehen Sie dorthin, wenn Sie eines benötigen.
| Tool | Zweck | Was es kann |
|---|---|---|
| JSON Editor Online | Bearbeiten & validieren | Verknüpfte Text- und Baumansicht, Umstrukturierung per Drag-and-Drop sowie Diff, Schema-Validierung und Abfragen. |
| JSON Crack | Visualisieren | Wandelt JSON in ein interaktives Knotengraph um, um tiefe Verschachtelungen zu verstehen oder schnell Demos zu erstellen. |
| JSON Visio | Visualisieren | Ein weiterer Graph-Viewer mit einer schlankeren Benutzeroberfläche – wählen Sie, welches der beiden Ihnen natürlicher erscheint. |
| Diffchecker | Vergleichen | Vergleichen Sie zwei Texte nebeneinander oder in einer gemeinsamen Ansicht und springen Sie direkt zu eingefügten, gelöschten oder geänderten Zeilen. |
| JSONPath | Abfrage | JSONPath-Ausdrücke online ausführen und genau die Felder extrahieren, die Sie per Pfad benötigen. |
| JSONata | Abfrage & Transformation | Eine Abfrage- und Transformationssprache für JSON, mit einem Online-Playground und Beispielen. |
| quicktype | Typgenerierung | Typdefinitionen für TypeScript, Swift, Go und weitere Sprachen aus JSON generieren. |
| JSON Generator | Mockdaten | Strukturierte Mockdaten aus Vorlagen generieren – praktisch für API-Testfixtures. |
Die Feinheiten der JSON-Formatierung
JSON sieht einfach aus, hat aber eine Reihe strenger Regeln – deren Kenntnis spart Zeit, wenn ein Parser Ihren Payload ablehnt.
Was zählt als gültiges JSON?
JSON definiert sechs Werttypen: Objekt, Array, String, Zahl, Boolean und Null. Schlüssel müssen in doppelten Anführungszeichen stehen, es gibt kein abschließendes Komma und Kommentare sind nicht erlaubt.
JavaScript-Funktionen wie einfache Anführungszeichen, undefined, NaN, Infinity und abschließende Kommas führen bei einem strengen Parser zu Fehlern – genau das markiert dieses Tool.
Unterscheidet sich das Betrachten vom Formatieren?
Das Formatieren ändert das Textlayout: Einrückung, Zeilenumbrüche und Minimierung. Beim Betrachten bleibt das Dokument unverändert – wenn Sie auf ein Feld klicken, werden sein vollständiger Wert, Typ und JSON-Pfad in einem Seitenbereich angezeigt.
Tief geschachtelte Objekte sind schwer nur anhand von Klammern zu lesen, daher können Sie durch Klicken auf ein Feld genau bestätigen, was es enthält – besonders praktisch bei API-Antworten und Log-Payloads.
Warum ändert sich meine Schlüsselreihenfolge nach dem Formatieren?
Die JSON-Spezifikation behandelt Objekte als ungeordnete Schlüssel-Wert-Paare, und Parser können diese beliebig neu anordnen. In der Praxis behält V8 (Chrome / Node) die Einfügereihenfolge für Zeichenfolgeschlüssel bei, aber schlüsselähnliche Schlüssel („1“, „42“) werden immer zuerst numerisch sortiert. Aktivieren Sie „Objektschlüssel sortieren“, wenn Sie eine stabile, alphabetische Reihenfolge wünschen, die bei jedem Parser erhalten bleibt – nützlich zum Vergleichen von Konfigurationen.
Wie groß kann eine Zahl in JSON sein?
An sich legt JSON keine Grenze fest, aber JavaScript interpretiert jede Zahl als IEEE-754-Doppelt. Ganzzahlen außerhalb von ±2^53 (ca. 9 Billiarden) verlieren an Genauigkeit – aus 9007199254740993 wird 9007199254740992. Wenn Ihre Nutzlast 64-Bit-IDs oder Zeitstempel in Nanosekunden enthält, lassen Sie sie als Zeichenfolgen; dieses Tool beschädigt sie nicht, aber alles, was Sie in JS-Code einfügen, wird es.
Wann sollte ich minifizieren statt formatieren?
Formatieren Sie alles, was ein Mensch liest: Code-Review, Debugging, Dokumentation. Minifizieren Sie alles, was eine Maschine überträgt: API-Nutzerdaten, URL-Parameter, Umgebungsvariablen und .env-Dateien. Das Minifizieren einer typischen API-Nutzlast spart 15–30 % der Bytes ohne strukturelle Änderung – das ist die günstigste Kompressionsmethode.
Wozu dient das Escapen?
Escapen umschließt JSON als Zeichenfolgenliteral: Anführungszeichen werden zu \" und Zeilenumbrüche zu \n, sodass es in einen anderen JSON-Wert, einen Shell-Befehl oder eine Umgebungsvariable eingefügt werden kann, ohne zu zerstören. Unescapen kehrt dies um. Wenn Sie jemals eine Nutzlast aus einer Protokollzeile kopiert haben, die wie {"a":1} aussah, ist das das Format – fügen Sie sie hier ein und klicken Sie auf Unescape.
Häufig gestellte Fragen
Wird mein JSON hochgeladen oder irgendwo gespeichert?
Nein. Alles läuft in Ihrem Browser mit JavaScript ab – keine Anfrage sendet Ihr JSON irgendwohin, es funktioniert offline, und es wird nichts im lokalen Speicher geschrieben, sodass ein Neuladen der Seite die Eingabe löscht.
Warum schlägt die Formatierung bei meiner Konfigurationsdatei fehl?
Höchstwahrscheinlich handelt es sich nicht um striktes JSON: JSONC/JSON5 erlaubt Kommentare und nachgestellte Kommas, YAML ist einrückungsbasiert, und .env-Dateien sind Schlüssel=Wert-Paare. Entfernen Sie zuerst Kommentare und nachgestellte Kommas, oder verwenden Sie einen Parser, der für dieses Format entwickelt ist.
Ändert das Sortieren von Schlüsseln auch Arrays?
Nein. Die Reihenfolge von Arrays ist relevant (erstes Element, zweites Element usw.), daher werden Arrays immer an ihrem ursprünglichen Platz belassen. Nur die Schlüssel von Objekten – auch Objekte innerhalb von Arrays – werden alphabetisch sortiert.
Was bedeutet „Fehler bei L12 : C34“?
Es handelt sich um die 1-basierte Zeile und Spalte, an der der Parser abgebrochen hat: Zeile 12, Spalte 34. Der tatsächliche Fehler liegt meist an dieser Stelle oder kurz davor – ein fehlendes Komma in der vorherigen Zeile, ein nicht maskiertes Anführungszeichen oder ein nachgestelltes Komma vor einer schließenden Klammer.
Gibt es eine Größenbeschränkung? Funktioniert es auf Mobilgeräten?
Es gibt keine festen Grenzen – die Formatierung von Logausgaben im Bereich von einigen Megabyte funktioniert. Auf einfachen Geräten können sehr große Eingaben (Dutzende von MB) träge wirken, da jede Eingabe erneut geparst und formatiert wird. Das Layout ist responsiv; der Editor passt sich der Bildschirmbreite an.