JSON Fanézet

Mi ez az eszköz?

Egy JSON fanézet egy JSON dokumentumot navigálható vázlattá alakít: minden objektum és tömb egy kinyitható vagy összecsukható csomóponttá válik, minden kulcs megmutatja a következtetett típusát, és minden levélérték sorban jelenik meg. Ahelyett, hogy több ezer sor szövegben görgetnél, csak azokba az ágakba merülsz bele, amelyek valóban érdekelnek.

Ez eltér a JSON formázótól. A formázó behúzással írja újra a JSON szövegét, hogy szebben nézzen ki — ez a megfelelő eszköz, ha csak szépen nyomtatni, minifikálni vagy szintaxist validálni akarsz. A fanézet a struktúra felfedezésére és navigálására szolgál, különösen akkor, ha a JSON nagy, mélyen beágyazott, vagy még nem tudod, hol található a szükséges adat. Ha csak szépíteni vagy validálni akarod a JSON szöveget, használd inkább a JSON Formázót.

Miért érdemes használni?

• Navigálj mélyen beágyazott API-válaszokban vagy konfigurációs fájlokban anélkül, hogy elveszítenéd a fonalat, melyik zárójel melyik szinthez tartozik.
• Keress kulcsnév vagy érték szerint, és ugorj egyenesen a találathoz, az útvonal automatikusan kinyitva neked.
• Simán kezeli a nagyon nagy JSON-t (több megabájt) — az alcsomópontok csak akkor épülnek fel, amikor kinyitod őket, így semmi sem fagyasztja le a lapot.
• Egy pillantással lásd minden érték típusát — string, szám, logikai, null, objektum vagy tömb — egyértelmű címkékkel.
• 100%-ban privát: az elemzés és a megjelenítés teljes egészében a böngésződben történik, semmi sem kerül feltöltésre vagy tárolásra.

Használati útmutató

1. Illeszd be a JSON-odat a bemeneti mezőbe, vagy használd a fájlválasztót egy JSON fájl betöltéséhez a lemezről.
2. Kattints a "Fa megjelenítése" gombra az interaktív nézet felépítéséhez.
3. Kattints a nyílra bármelyik objektum vagy tömb mellett a kinyitáshoz vagy összecsukáshoz — a néhány szintnél mélyebb csomópontok automatikusan összecsukva indulnak, hogy a nagy fájlok is válaszkészek maradjanak.
4. Gépelj be egy kulcsnevet vagy értéket a keresőmezőbe a találatok megtalálásához; az eszköz kinyit minden szülőcsomópontot lefelé haladva, és görget és kiemeli az eredményt.
5. Használd a következő/előző gombokat, hogy végigmenj több találaton.

Példa

Bemenet

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

Kimenet

user: { 4 kulcs }
  id: 42 (szám)
  name: "Ada" (string)
  roles: [ 2 elem ]
    0: "admin"
    1: "editor"
  active: true (logikai)
  manager: null

Minden sor megmutatja a kulcsot, a következtetett típusát, és vagy az értéket (leveleknél), vagy egy összecsukott számot (objektumoknál és tömböknél), amíg ki nem nyitod.

Gyakorlati tippek

• Nagy API-válaszokhoz keress először egy jellegzetes mezőnévre (mint egy id vagy egy hibakód), ahelyett hogy csomópontonként kézzel nyitogatnál — a keresés egyenesen odaugrik.
• Az első pár szint utáni csomópontok szándékosan összecsukva indulnak, hogy egy több megabájtos adatcsomag is válaszkész maradjon; csak azt az ágat nyisd ki, amelyikre szükséged van.
• A típuscímkék (string, szám, logikai, null, objektum, tömb) különösen hasznosak egy váratlanul null mező vagy egy vártnál tömb helyett objektum felfedezéséhez.
• Ha csak szépen kell nyomtatnod vagy validálnod egy JSON-részletet a struktúra felfedezése helyett, a JSON Formázó gyorsabb erre a feladatra.

Hol illeszkedik ez valós munkafolyamatokba

A mélyen beágyazott API-válaszokat, adatbázis-exportokat és konfigurációs fájlokat nehéz sík szövegként átlátni — elveszíted a fonalat, hogy melyik záró kapocs melyik kulcshoz tartozik. Ha ugyanazt az adatcsomagot egy fanézetbe töltöd, összecsukhatod mindazt, amire nincs szükséged, és csak arra az ágra koncentrálhatsz, amelyik számít, ami sokkal gyorsabb, mint egy formázott szövegfal görgetésével keresni egy mezőt.

Egy gyakori folyamat: illessz be egy nagy webhook adatcsomagot itt először, hogy megértsd a formáját és megtaláld a szükséges mezőt, majd válts a JSON Formázóra, ha egy tiszta, behúzott szöveges másolatra van szükséged egy hibajelentésbe vagy kódfelülvizsgálatba illesztéshez.

→ JSON Formázó

Gyakori felhasználási esetek

• Egy nagy, mélyen beágyazott API-válasz feltérképezése, hogy megtaláld, hol él egy adott mező, mielőtt kódot írnál ellene.
• Egy nagy konfigurációs vagy exportfájl áttekintése anélkül, hogy több ezer sor nyers szöveget görgetnél.
• Egy ismeretlen JSON adatcsomag formájának és típusainak ellenőrzése, mielőtt a saját kódodban elemeznéd.
• Egy adott érték (egy ID, egy hibaüzenet, egy időbélyeg) megtalálása egy nagy JSON dokumentum mélyén elrejtve.

Gyakori kérdések