ToolDeck

JSON Pretty Print

Formatera JSON med anpassningsbar indraging för bättre läsbarhet

Prova ett exempel

Indata

Formaterad utdata

Körs lokalt · Säkert att klistra in hemligheter
Formaterad JSON visas här…
Prova också:JSON Formatter & BeautifierJSON ValidatorJSON DiffJSON MinifierJSON to YAMLJSON to CSVJSON to TypeScriptJSON to C# ClassJSON to Go StructJSON to PythonJSON to JavaJSON to Dart

Vad är JSON Pretty Print?

JSON pretty print omvandlar kompakt, svårläst JSON till ett snyggt indragat, flerlinjigt format. Medan maskiner hanterar enradigt JSON utan problem behöver människor struktur — visuell hierarki, inriktade klamrar och konsekvent indraging — för att snabbt förstå komplex data.

Before · json
After · json
{"user":"alice","role":"admin","permissions":["read","write"],"active":true,"lastLogin":1717200000}
{
  "user": "alice",
  "role": "admin",
  "permissions": [
    "read",
    "write"
  ],
  "active": true,
  "lastLogin": 1717200000
}

Varför pretty printa JSON?

Rå JSON från API:er, databaser och loggfiler är ofta minifierad för att spara bandbredd. Pretty print återställer den mänskligt läsbara strukturen som behövs för att felsöka, granska och förstå data.

🔍
Snabbare felsökning
Hitta saknade fält, felaktiga värden och strukturfel på sekunder istället för att analysera en textvägg tecken för tecken.
👥
Tydligare kodgranskningar
Att granska JSON-konfigurationsändringar i pull requests är mycket enklare med korrekt indraging — granskare kan fokusera på vad som förändrats.
🔌
API-inspektion
När man utforskar ett nytt API gör formaterade svar att man direkt kan förstå datamodellen och nestingstrukturen.
📝
Dokumentation och delning
Formaterad JSON är redo att klistras in i dokument, wikis, ärenden och Slack utan att någon behöver tolka det mentalt.

Välja indraging

Både 2 och 4 mellanslag används brett. Rätt val beror vanligtvis på teamets stilguide eller personlig preferens.

2 mellanslag
Det populäraste valet i JavaScript- och JSON-gemenskaperna. Håller filer kompakta men ändå läsbara. Används av npm, ESLint och de flesta JS-stilguider.
4 mellanslag
Vanligt i Python-, Java- och C#-projekt. Ger mer visuellt utrymme och föredras ofta för djupt nästlade strukturer.

Vanliga användningsfall

Felsöka API-svar
Klistra in ett råt API-svar och se direkt hela datastrukturen, nästlade objekt och arrayinnehåll i en läsbar layout.
Läsa konfigurationsfiler
Konfiguration lagrad i minifierad JSON blir trivial att läsa och redigera efter formatering — inget mer letande efter den där specifika nyckeln.
Logganalys
Strukturerade loggar innehåller ofta JSON-nyttolaster. Att formatera enskilda loggposter gör grundorsaksanalysen mycket snabbare.
Utvecklardokumentation
Tydliga, indragda JSON-exempel i API-dokumentationen hjälper utvecklare att omedelbart förstå formen på förfrågningar och svar.
Datautforskning
När man arbetar med ett okänt dataset avslöjar pretty print hela schemat — fält, typer och nesting — utan att behöva läsa dokumentation först.
Testning och QA
Att jämföra förväntad och faktisk JSON vid testfel är mycket enklare med konsekvent indraging och rad-för-rad-struktur.

Pretty Print i terminalen

Du behöver inte alltid ett webbläsarverktyg. Dessa kommandon formaterar JSON direkt i terminalen utan extra installation.

Python
echo '{"a":1}' | python3 -m json.tool
Node.js
node -e "console.log(JSON.stringify(JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')),null,2))"
CLI (jq)
cat data.json | jq .
curl + jq
curl -s https://api.example.com/data | jq .

Vanliga frågor

What is JSON pretty printing?
JSON pretty printing (also called JSON formatting or JSON beautifying) converts compact, minified JSON into a human-readable layout with consistent indentation and line breaks. It makes nested structures, arrays, and key-value pairs easy to scan and debug.
Ändrar pretty print data?
Nej. Endast blanksteg läggs till — inga data, nycklar, värden eller ordning ändras. En formaterad JSON-fil är semantiskt identisk med originalet.
Vad är bättre: 2 eller 4 mellanslag?
Inget är objektivt bättre. 2 mellanslag är mer kompakt och standard i många JavaScript-verktyg. 4 mellanslag ger mer visuell separation. Använd det som teamets stilguide anger.
Kan jag pretty printa ogiltig JSON?
Nej — indata måste vara giltig JSON först. Om filen har avslutande kommatecken, enkla citattecken eller kommentarer (JSONC/JSON5), konvertera till standard-JSON först.
Hur formaterar jag JSON i webbläsarens DevTools?
I Chrome/Firefox DevTools, klicka på {}-knappen längst ned i nätverkssvarpanelen för automatisk formatering. Du kan också köra JSON.stringify(obj, null, 2) i konsolen för att formatera vilket JavaScript-objekt som helst.

Språkguider

Bash JSON Viewer — jless & JQ_COLORS Guide

Relaterade verktyg

JSON Formatter & BeautifierFormatera och försköna JSON med syntaxmarkeringJSON ValidatorValidera JSON-syntax och strukturJSON DiffJämför två JSON-objekt och markera skillnaderJSON MinifierMinifiera och komprimera JSON genom att ta bort blankstegJSON to YAMLKonvertera JSON till YAML-formatJSON to CSVKonvertera JSON-matris till CSV-formatJSON to TypeScriptGenerera TypeScript-gränssnitt från JSONJSON to C# ClassGenerera C#-klasser från JSONJSON to Go StructGenerera Go-strukturer från JSONJSON to PythonGenerera Python-dataklasser från JSONJSON to JavaGenerera Java POJO-klasser från JSONJSON to DartGenerera Dart-klasser från JSON med fromJson och toJson