Prohlížeč stromu JSON

Co je tento nástroj?

Prohlížeč stromu JSON promění dokument JSON v procházitelnou osnovu: každý objekt a pole se stane uzlem, který lze rozbalit nebo sbalit, každý klíč zobrazuje svůj odvozený typ a každá koncová hodnota se zobrazuje přímo v řádku. Místo posouvání tisíci řádky textu se noříte jen do větví, na kterých vám skutečně záleží.

To je jiné než JSON formátovač. Formátovač přepíše text vašeho JSON s odsazením, aby vypadal hezčeji — je to správný nástroj, když jen potřebujete pěkně vytisknout, minifikovat nebo validovat syntaxi. Prohlížeč stromu je pro prozkoumávání a navigaci samotné struktury, zvlášť když je JSON velký, hluboce vnořený, nebo ještě nevíte, kde se data, která potřebujete, nacházejí. Pokud jen chcete zkrášlit nebo validovat text JSON, použijte místo toho JSON Formatter.

Proč ho používat?

• Procházejte hluboce vnořené odpovědi API nebo konfigurační soubory, aniž byste ztratili přehled, které závorce patří která úroveň.
• Hledejte podle názvu klíče nebo hodnoty a přeskočte přímo na shodu, cesta se pro vás automaticky rozbalí.
• Plynule zvládá velmi velký JSON (několik megabajtů) — podřízené uzly se sestaví jen, když je rozbalíte, takže nic nezamrzne panel prohlížeče.
• Na první pohled vidíte typ každé hodnoty — string, number, boolean, null, object nebo array — s jasnými popisky.
• 100% soukromé: zpracování i vykreslování probíhá zcela ve vašem prohlížeči, nic se nenahrává ani neukládá.

Jak se používá

1. Vložte svůj JSON do vstupního pole, nebo použijte výběr souboru pro načtení JSON souboru z disku.
2. Klikněte na "Render tree" pro sestavení interaktivního zobrazení.
3. Klikněte na šipku vedle jakéhokoli objektu nebo pole pro jeho rozbalení nebo sbalení — uzly hlouběji než pár úrovní se automaticky spouští sbalené, aby velké soubory zůstaly responzivní.
4. Napište název klíče nebo hodnotu do vyhledávacího pole pro nalezení shod; nástroj rozbalí každý nadřazený uzel cestou dolů a posune se na výsledek a zvýrazní ho.
5. Použijte tlačítka další/předchozí pro procházení více shod.

Příklad

Vstup

{"user":{"id":42,"name":"Ada","roles":["admin","editor"],"active":true,"manager":null}}

Výstup

user: { 4 keys }
  id: 42 (number)
  name: "Ada" (string)
  roles: [ 2 items ]
    0: "admin"
    1: "editor"
  active: true (boolean)
  manager: null

Každý řádek zobrazuje klíč, jeho odvozený typ a buď hodnotu (u koncových prvků), nebo sbalený počet (u objektů a polí), dokud ho nerozbalíte.

Praktické tipy

• U velkých odpovědí API nejdřív hledejte podle výrazného názvu pole (jako id nebo chybový kód) místo ručního rozbalování uzel po uzlu — vyhledávání tam skočí přímo.
• Uzly za prvním párem úrovní se záměrně spouští sbalené, aby mnohamegabajtový payload zůstal responzivní; rozbalte jen větev, kterou potřebujete.
• Odznaky typu (string, number, boolean, null, object, array) jsou obzvlášť užitečné pro odhalení pole, které je neočekávaně null, nebo pole, kde jste čekali objekt.
• Pokud potřebujete jen pěkně vytisknout nebo validovat úryvek JSON, ne prozkoumat jeho strukturu, JSON Formatter je pro tuto práci rychlejší.

Kde se to hodí v reálné praxi

U hluboce vnořených odpovědí API, exportů databází a konfiguračních souborů je těžké uvažovat o nich jako o plochém textu — ztratíte přehled, která uzavírací složená závorka patří ke kterému klíči. Načtení stejného payloadu do stromového zobrazení vám umožní sbalit vše, co nepotřebujete, a soustředit se jen na relevantní větev, což je mnohem rychlejší než posouvání zformátovanou zdí textu při hledání jednoho pole.

Běžný postup: nejdřív sem vložte velký payload webhooku, abyste pochopili jeho tvar a našli pole, které potřebujete, a poté přepněte na JSON Formatter, pokud potřebujete čistou, odsazenou textovou kopii k vložení do hlášení chyby nebo code review.

→ JSON Formatter

Časté případy použití

• Prozkoumávání velké, hluboce vnořené odpovědi API, abyste našli, kde žije konkrétní pole, než proti němu napíšete kód.
• Prohlížení velkého konfiguračního nebo exportního souboru bez posouvání tisíci řádky syrového textu.
• Kontrola tvaru a typů neznámého payloadu JSON, než ho zpracujete ve vlastním kódu.
• Vyhledání konkrétní hodnoty (ID, chybové zprávy, časového razítka) ukryté někde uvnitř velkého dokumentu JSON.

Časté dotazy