JSON-Formatierer für API-Antworten
Füge eine Antwort aus dem Netzwerk-Tab deines Browsers, aus curl, Postman oder einer Logdatei ein. HTTP-Header, JSONP-Wrapper und doppelt kodiertes JSON werden automatisch erkannt, und große IDs behalten alle Ziffern.
Kostenlos · Ohne Anmeldung
So funktioniert es
- Kopiere die Antwort. Öffne in Chrome, Edge oder Firefox die Entwicklertools, wähle die Anfrage im Tab Netzwerk und kopiere die Antwort. Im Terminal nutzt du curl -s oder curl -i, um die Header mitzunehmen.
- Füge sie in das Eingabefeld ein. Header, ein JSONP-Callback oder als maskierter Text gespeichertes JSON werden entfernt oder dekodiert, und ein Hinweis sagt dir, was geändert wurde.
- Wechsle zur Baumansicht, um verschachtelte Daten zu erkunden. Tippe auf einen Wert, um seinen Pfad zu sehen, etwa $.data[0].attributes.email, und kopiere ihn für deinen Code oder einen jq-Filter.
- Kopiere oder lade das formatierte JSON herunter oder wähle Minimieren für einen kompakten Request-Body.
Warum dieses Tool
Rohe HTTP-Antworten
Füge die Ausgabe von curl -i mit Statuszeile und Headern ein. Die Header werden übersprungen und der Body formatiert.
JSONP und doppelte Kodierung
callback({...})-Wrapper werden entfernt, und ein JSON-Text voller \" wird in echtes JSON dekodiert.
64-Bit-IDs bleiben exakt
IDs über 9.007.199.254.740.991 werden genau so angezeigt, wie der Server sie gesendet hat, mit dem Hinweis, dass JavaScript sie runden würde.
Pfade zu verschachtelten Werten
Tippe auf einen Wert im Baum, um seinen Pfad zu kopieren, fertig für JavaScript, jq oder Test-Assertions.
Warnung bei doppelten Schlüsseln
Wiederholt ein Objekt einen Schlüssel, erfährst du welchen, denn die meisten Clients behalten nur den letzten Wert.
Sicher für echte Antworten
Alles läuft in deinem Browser. Tokens, Cookies und Kundendaten aus der Antwort werden nie hochgeladen.
Wo du eine API-Antwort kopierst
| Quelle | So kopierst du das JSON |
|---|---|
| Chrome, Edge, Firefox | Entwicklertools (F12) › Netzwerk › Anfrage wählen › Tab Antwort › kopieren |
| Safari | Entwickler › Webinformationen einblenden › Netzwerk › Anfrage wählen › Antwort |
| curl | curl -s https://api.example.com/items für den Body oder curl -i inklusive Header |
| Postman, Insomnia | Antwortbereich › Body › Raw, dann kopieren |
| Server-Logs | Kopiere die ganze Logzeile. Ist sie abgeschnitten, öffne stattdessen die Logdatei. |
Warum API-Antworten schwer lesbar sind
APIs senden JSON meist minimiert, ohne Leerzeichen und Zeilenumbrüche, weil es kleiner ist und schneller übertragen wird. Eine Antwort mit Hunderten von Datensätzen kommt dann als eine sehr lange Zeile an.
Das Formatieren fügt Einrückungen hinzu, ohne einen Wert zu ändern. So siehst du, welche Felder es gibt, wie Arrays verschachtelt sind und wo Paginierungslinks oder Fehlerdetails stehen. Die Baumansicht geht weiter: Sie klappt große Arrays zu und zeigt, wie viele Einträge jedes enthält.
Probleme, die diese Seite erkennt
- HTTP-Header vor dem Body, etwa aus curl -i oder einem Proxy-Log.
- JSONP-Antworten wie callback({"items": []}); von älteren APIs.
- Doppelt kodiertes JSON: ein Text wie "{\"id\":1}", den ein Server oder Logger zweimal maskiert hat.
- Doppelte Schlüssel, die verschiedene Parser unterschiedlich behandeln.
- Ganzzahlen, die für JavaScript-Zahlen zu groß sind, ein häufiges Problem bei Datenbank- und Social-Media-IDs.
- Syntaxfehler in handgeschriebenen Request-Bodys, mit Zeile, Spalte und Reparatur typischer Fehler per Klick.
Große IDs in JavaScript
Viele APIs liefern 64-Bit-Ganzzahlen als IDs. JavaScript kann Ganzzahlen nur bis 9.007.199.254.740.991 exakt darstellen, deshalb macht response.json() aus 9007199254740993 ohne Fehlermeldung 9007199254740992.
Gut gestaltete APIs senden solche IDs als Text, zum Beispiel "id_str". Wenn deine das nicht tut, parse die Antwort mit einer Bibliothek, die BigInt unterstützt, oder bitte den Anbieter um IDs als Text. Dieser Formatierer zeigt die exakten Ziffern, damit du das Problem erkennst.
Häufige Fragen
Kann ich eine Antwort mit HTTP-Headern einfügen?
Ja. Beginnt der Text mit einer Statuszeile wie HTTP/1.1 200 OK, wird alles bis zur ersten leeren Zeile als Header behandelt und übersprungen. Nur der Body wird formatiert.
Ist es sicher, Antworten mit Tokens oder persönlichen Daten einzufügen?
Die Seite verarbeitet alles in deinem Browser und sendet nichts an einen Server, die Daten bleiben also auf deinem Gerät. Gewöhne dir trotzdem an, Zugriffstokens zu entfernen, bevor du eine Antwort mit jemandem teilst.
Warum zeigt mein JSON überall \"?
Das JSON wurde zweimal kodiert und ist jetzt ein Text, der JSON enthält. Diese Seite dekodiert es automatisch. In deinem Code rufst du JSON.parse zweimal auf oder korrigierst den Server, damit er die Daten nicht ein zweites Mal in Text umwandelt.
Was ist JSONP?
JSONP verpackt JSON in einen JavaScript-Funktionsaufruf wie callback({...}), damit ältere Browser Daten von einer anderen Domain laden konnten. Moderne APIs nutzen stattdessen CORS. Diese Seite entfernt die Hülle, damit du die Daten lesen kannst.
Wie verwende ich den Pfad in meinem Code?
Ein Pfad wie $.data[0].id bedeutet: nimm das Array data, davon den ersten Eintrag und dann das Feld id. In JavaScript schreibst du response.data[0].id, in jq .data[0].id.
Kann es XML- oder GraphQL-Antworten formatieren?
GraphQL-Antworten sind JSON und funktionieren daher. XML ist ein anderes Format und wird hier nicht unterstützt.
JSON-API-Antworten lesen und debuggen
Ähnliche Tools
Möchtest du etwas bauen?
Sag uns, was du erstellen möchtest.
Sag uns, was du entwickeln lassen möchtest - von einer einfachen Website bis zu einer kompletten App, KI-Lösung, Automatisierung oder individuellen Software.