CodeKitHub
JSON orodja

JSON Pregledovalnik drevesa

Nazadnje posodobljeno:

Prilepi ali naloži svoj JSON in ga prebrskaj kot interaktivno, razširljivo drevo namesto stene besedila. Klikni katero koli vozlišče, da ga razširiš ali strneš, ter uporabi iskalno polje, da skočiš neposredno na ključ ali vrednost, zakopano globoko v veliki strukturi. Vse teče lokalno v tvojem brskalniku — tvoji podatki se nikoli ne naložijo.

Kaj je to orodje?

JSON pregledovalnik drevesa spremeni JSON dokument v pregleden oris: vsak objekt in polje postane vozlišče, ki ga lahko razširiš ali strneš, vsak ključ prikaže svoj sklepan tip, vsaka listna vrednost pa je prikazana v vrstici. Namesto drsenja skozi tisoče vrstic besedila se poglobiš samo v veje, ki te zares zanimajo.

To je nekaj drugega kot JSON formater. Formater prepiše besedilo tvojega JSON-a z zamikom, da je videti lepše — to je pravo orodje, kadar samo potrebuješ olepšati, minificirati ali validirati sintakso. Pregledovalnik drevesa je za raziskovanje in navigiranje po sami strukturi, še posebej kadar je JSON velik, globoko gnezden, ali kadar še ne veš, kje se nahajajo podatki, ki jih potrebuješ. Če želiš samo olepšati ali validirati JSON besedilo, namesto tega uporabi JSON formater.

Zakaj ga uporabiti?

  • Navigiraj po globoko gnezdenih odgovorih API-ja ali konfiguracijskih datotekah, ne da bi izgubil sled, kateri oklepaj pripada kateri ravni.
  • Išči po imenu ključa ali vrednosti in skoči neposredno na zadetek, pot pa se samodejno razširi zate.
  • Gladko obravnava zelo velike JSON datoteke (nekaj megabajtov) — podrejena vozlišča se zgradijo šele, ko jih razširiš, tako da nič ne zamrzne zavihka.
  • Na prvi pogled vidiš tip vsake vrednosti — niz, število, logična vrednost, null, objekt ali polje — z jasnimi oznakami.
  • 100 % zasebno: razčlenjevanje in izris potekata v celoti v tvojem brskalniku, nič se ne naloži ali shrani.

Kako ga uporabljati

  1. Prilepi svoj JSON v vhodno polje ali uporabi izbirnik datotek za nalaganje JSON datoteke z diska.
  2. Klikni "Izriši drevo", da zgradiš interaktivni pogled.
  3. Klikni puščico ob katerem koli objektu ali polju, da ga razširiš ali strneš — vozlišča globlje od nekaj ravni se samodejno začno strnjena, da velike datoteke ostanejo odzivne.
  4. Vtipkaj ime ključa ali vrednost v iskalno polje, da najdeš zadetke; orodje razširi vsako nadrejeno vozlišče na poti navzdol ter se pomakne do rezultata in ga osvetli.
  5. Uporabi gumba naprej/nazaj za korakanje skozi več zadetkov.

Primer

Vnos

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

Rezultat

user: { 4 ključi }
  id: 42 (število)
  name: "Ada" (niz)
  roles: [ 2 elementa ]
    0: "admin"
    1: "editor"
  active: true (logična vrednost)
  manager: null

Vsaka vrstica prikaže ključ, njegov sklepan tip in bodisi vrednost (za liste) bodisi strnjeno število (za objekte in polja), dokler ga ne razširiš.

Praktični nasveti

  • Za ogromne odgovore API-ja najprej išči po razpoznavnem imenu polja (kot je id ali koda napake) namesto ročnega razširjanja vozlišče za vozliščem — iskanje skoči naravnost tja.
  • Vozlišča onkraj prvih nekaj ravni se namerno začnejo strnjena, tako da večmegabajtni tovor ostane odziven; razširi samo vejo, ki jo potrebuješ.
  • Oznake tipa (niz, število, logična vrednost, null, objekt, polje) so še posebej koristne za opažanje polja, ki je nepričakovano null, ali polja, kjer si pričakoval objekt.
  • Če potrebuješ samo olepšati ali validirati JSON fragment, ne pa raziskovati njegove strukture, je JSON formater hitrejši za to nalogo.

Kam to sodi v resničnih delovnih tokovih

Globoko gnezdene odgovore API-ja, izvoze podatkovnih baz in konfiguracijske datoteke je težko obravnavati kot plosko besedilo — izgubiš sled, kateri zaklepni zaklepaj pripada kateremu ključu. Nalaganje istega tovora v drevesni pogled ti omogoča, da strneš vse, kar ne potrebuješ, in se osredotočiš samo na vejo, ki je pomembna, kar je veliko hitreje kot drsenje skozi formatirano steno besedila v iskanju enega polja.

Pogost tok: prilepi velik tovor webhooka sem, da najprej razumeš njegovo obliko in najdeš polje, ki ga potrebuješ, nato pa preklopi na JSON formater, če potrebuješ čisto, zamaknjeno besedilno kopijo za lepljenje v poročilo o napaki ali pregled kode.

JSON formater

Pogosti primeri uporabe

  • Raziskovanje velikega, globoko gnezdenega odgovora API-ja za iskanje, kje živi določeno polje, pred pisanjem kode zanj.
  • Pregled velike konfiguracijske ali izvozne datoteke, ne da bi drsel skozi tisoče vrstic surovega besedila.
  • Preverjanje oblike in tipov nepoznanega JSON tovora pred razčlenjevanjem v lastni kodi.
  • Iskanje določene vrednosti (ID-ja, sporočila o napaki, časovnega žiga), zakopane nekje znotraj velikega JSON dokumenta.

Pogosta vprašanja

Kako se to razlikuje od orodja JSON formater?

JSON formater prepiše JSON besedilo z zamikom, ga minificira ali validira sintakso — dela na samem besedilu. JSON pregledovalnik drevesa izriše razčlenjeno strukturo kot interaktivno, razširljivo drevo, po katerem lahko klikaš in iščeš — zgrajen je za raziskovanje in razumevanje oblike velikih ali globoko gnezdenih podatkov, ne za pridobitev formatiranega besedilnega izhoda.

Ali bo to zamrznilo moj brskalnik pri ogromni JSON datoteki?

Ne. Drevo se izriše leno: ob prvem izrisu se zgradijo samo prve nekaj ravni, vse globlje pa je zgrajeno šele v trenutku, ko klikneš za razširitev. To ohranja začetni izris hiter tudi za večmegabajtne datoteke, saj brskalniku ni treba zgraditi vozlišča DOM za podatke, ki si jih še nisi ogledal.

Ali se moji JSON podatki kamor koli naložijo?

Ne. Razčlenjevanje, izris in iskanje vsi potekajo lokalno v tvojem brskalniku z JavaScriptom. Tvoji podatki nikoli ne zapustijo tvoje naprave.

Kako deluje iskanje?

Iskanje preveri vsako ime ključa in vsako osnovno vrednost v celotnih razčlenjenih podatkih, ne le tisto, kar je trenutno vidno na zaslonu. Ko najde zadetek, samodejno razširi vsako nadrejeno vozlišče, da ga vidiš, nato se pomakne do njega in ga na kratko osvetli. Če je zadetkov več, uporabi gumba naprej/nazaj za korakanje skoznje.

Ali lahko iščem znotraj strnjenih vozlišč?

Da. Iskanje vedno prehodi celoten osnovni JSON objekt, ne glede na to, katera vozlišča so trenutno razširjena ali strnjena v pogledu. Strnitev vozlišča vpliva samo na to, kaj je izrisano na zaslonu, ne na to, kaj je mogoče najti.

Sorodna orodja