JSON Pretty Print

Formátování JSON s přizpůsobitelným odsazením pro lepší čitelnost

Zkusit příklad

Vstup

Formátovaný výstup

Běží lokálně · Bezpečné pro vkládání tajných údajů
Formátovaný JSON se zobrazí zde…

Co je JSON Pretty Print?

JSON pretty print transformuje kompaktní, obtížně čitelný JSON do přehledně odsazeného, víceřádkového formátu. Zatímco stroje zpracovávají jednořádkový JSON bez problémů, lidé potřebují strukturu — vizuální hierarchii, zarovnané závorky a konzistentní odsazení — aby rychle pochopili složitá 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
}

Proč používat JSON Pretty Print?

Surový JSON z API, databází a logovacích souborů je často minifikovaný, aby šetřil přenosové pásmo. Pretty print obnovuje čitelnou strukturu potřebnou pro ladění, kontrolu a pochopení dat.

🔍
Rychlejší ladění
Najděte chybějící pole, nesprávné hodnoty a strukturální chyby v sekundách místo analysování stěny textu znak po znaku.
👥
Přehlednější code review
Kontrola změn v JSON konfiguračních souborech v pull requestech je s správným odsazením výrazně snazší — recenzenti se mohou soustředit na to, co se změnilo.
🔌
Inspekce API
Při průzkumu nového API umožňují naformátované odpovědi okamžitě pochopit datový model a strukturu vnoření.
📝
Dokumentace a sdílení
Naformátovaný JSON je připraven k vložení do dokumentů, wiki, tiketů a Slacku, aniž by ho kdokoli musel mentálně parsovat.

Volba odsazení

Používají se 2 i 4 mezery. Správná volba závisí obvykle na stylovém průvodci týmu nebo osobních preferencích.

2 mezery
Nejoblíbenější volba v komunitách JavaScript a JSON. Udržuje soubory kompaktní a zároveň čitelné. Používáno v npm, ESLint a většině JS stylových průvodců.
4 mezery
Běžné v projektech Python, Java a C#. Poskytuje více vizuálního prostoru a bývá preferováno u hluboko vnořených struktur.

Typické případy použití

Ladění odpovědí API
Vložte surovou API odpověď a ihned zobrazte celou datovou strukturu, vnořené objekty a obsah polí v přehledném rozvržení.
Čtení konfiguračních souborů
Konfigurace uložená v minifikovaném JSON se po naformátování stane triviálně čitelnou a editovatelnou — žádné hledání konkrétního klíče.
Analýza logů
Strukturované logy často obsahují JSON payloady. Naformátování jednotlivých záznamů výrazně urychluje analýzu příčin problémů.
Dokumentace pro vývojáře
Jasné, odsazené příklady JSON v dokumentaci API umožňují vývojářům ihned pochopit tvar požadavků a odpovědí.
Průzkum dat
Při práci s neznámou datovou sadou odhalí pretty print celé schéma — pole, typy a vnoření — bez čtení dokumentace.
Testování a QA
Porovnávání očekávaného a skutečného JSON při selhání testů je s konzistentním odsazením a řádkovou strukturou výrazně snazší.

Pretty Print v terminálu

Prohlížečový nástroj není vždy nutný. Tyto příkazy formátují JSON přímo v terminálu bez dalších instalací.

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 .

Nejčastější dotazy

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.
Mění pretty print data?
Ne. Přidávají se pouze bílé znaky — žádná data, klíče, hodnoty ani pořadí se nemění. Naformátovaný JSON soubor je sémanticky identický s originálem.
Co je lepší: 2 nebo 4 mezery?
Žádné není objektivně lepší. 2 mezery jsou kompaktnější a výchozí v mnoha JavaScript nástrojích. 4 mezery poskytují větší vizuální oddělení. Použijte to, co určuje stylový průvodce vašeho týmu.
Mohu naformátovat neplatný JSON?
Ne — vstup musí být nejprve platný JSON. Pokud soubor obsahuje koncové čárky, jednoduché uvozovky nebo komentáře (JSONC/JSON5), nejprve je převeďte na standardní JSON.
Jak naformátovat JSON v DevTools prohlížeče?
V Chrome/Firefox DevTools klikněte na tlačítko {} ve spodní části panelu síťové odpovědi pro automatické formátování. Můžete také spustit JSON.stringify(obj, null, 2) v konzoli pro formátování libovolného JavaScript objektu.