Brezplačni pretvornik

Drevo JSON Gledalec

Oglejte si, formatirajte in raziščite podatke JSON v interaktivnem zložljivem drevesu. Brezplačno, varno in ni potrebno nalaganje.

Povleci in spusti datoteko JSON sem

Ali prilepite besedilo JSON spodaj

oz

O tem orodju

Pregledovalniki dreves JSON prikazujejo podatke JSON kot hierarhično drevo, po katerem je mogoče krmariti, in ne kot navadno besedilo. Vsak predmet postane zložljiva veja; nizi prikazujejo njihove elemente posamično; primitivne vrednosti se pojavljajo kot listi. Strukturni pogled olajša iskanje določenih polj v globoko ugnezdenih podatkih, strnitev nepomembnih poddreves in krmarjenje po velikih dokumentih JSON, ki bi bili neobvladljivi kot ravno besedilo.

V primerjavi z oblikovanim besedilom JSON so drevesni pogledi odlični pri krmarjenju po velikih podatkih. Odziv API-ja z 10 MB je nepraktičen za pomikanje po besedilu, vendar ga je mogoče obravnavati kot drevo, kjer strnete ključe najvišje ravni, ki vas ne zanimajo, in razširite samo dele, ki vas zanimajo.

Ta pregledovalnik upodablja JSON v strukturiranem drevesu v vašem brskalniku. Iskanje filtrira veje po ključu ali vrednosti. Tipsko zaznavni prikaz razlikuje nize, števila, logične vrednosti, ničelne vrednosti, predmete in nize.

Zakaj uporabljati JSON Tree Viewer

Po globoko ugnezdenih podatkih je težko krmariti kot po besedilu. Konfiguracijske datoteke, odgovori API-ja in serializirano stanje imajo pogosto 5+ ravni gnezdenja. Drevesni pogled vam omogoča, da strnete nepomembne ravni in se osredotočite na tisto, kar je pomembno; besedilni pogledi zahtevajo skrbno drsenje in štetje oklepajev.

Pomembne so tudi zmožnosti iskanja in filtriranja. Iskanje vseh ključev z imenom 'user_id' v kompleksnem dokumentu je hitro s pregledovalnikom, ki podpira iskanje; nemogoče narediti zanesljivo z golim besedilom.

Kako uporabljati

Prilepite JSON, krmarite po drevesu.

  1. Prilepite svoj JSON: Spustite JSON v območje za vnos. Pregledovalnik razčleni in upodablja strukturirano drevo.
  2. Razširi in strni: Kliknite veje, da jih razširite ali strnete. Uporabno za osredotočanje na določena poddrevesa velikih podatkov.
  3. Iskanje: Filtrirajte po ključu ali vrednosti. Ujemajoče se veje ostanejo vidne; neujemajoči se skriti.
  4. Preverite posebne vrednosti: Kliknite list, da si ogledate njegovo celotno vrednost (uporabno za dolge nize) in kopirajte pot (npr. users.0.profile.email) za uporabo v kodi.

Pogosti primeri uporabe

Tehnične podrobnosti

Razčlenjevanje JSON uporablja JSON.parse, ki ne uspe pri neveljavnem vnosu z napako pri razčlenjevanju, ki kaže na lokacijo težave. Veljaven JSON se upodobi v objekt JavaScript, ki ga gledalec rekurzivno obišče, da ustvari drevo.

Upodabljanje: vsaka raven gnezdenja postane zamaknjena veja. Objektni ključi so oznake; vrednosti so upodobljene glede na tip — nizi v narekovajih, števila brez, logične vrednosti kot true/false, ničelna izrecno, predmeti in nizi kot strnjene veje.

Zmogljivost: zelo velik JSON (10 MB+) lahko upočasni upodabljanje. Leno širjenje (upodabljanje samo trenutno vidnih vej) pomaga. Iskanje po velikih dokumentih lahko traja precej časa; pomaga indeksiranje drevesa ob prvem razčlenjevanju.

Najboljše prakse

Pogosta vprašanja

Kako globoko lahko seže drevo JSON?
Ni umetne omejitve globine. Orodje upodablja drevesa tako globoko, kot je vaša struktura JSON. Vendar pa lahko izjemno globoko gnezdenje (100+ ravni) upočasni upodabljanje v brskalniku.
Ali lahko iščem v drevesu JSON?
Za iskanje ključev ali vrednosti uporabite Ctrl/Cmd+F. Ujemajoča se vozlišča bodo označena in njihova nadrejena vozlišča se samodejno razširijo, da prikažejo pot.
Kateri format poti JSON je uporabljen?
Orodje uporablja zapis pik JSONPath ($.key.nested.array[0].value). Ta oblika je združljiva z dostopom do lastnosti JavaScript in večino knjižnic JSONPath.
Ali lahko urejam vrednosti v drevesu?
To je pregledovalnik samo za branje za raziskovanje. Za urejanje JSON uporabite naše orodje JSON Formatter, ki ponuja vmesnik za urejanje s preverjanjem.
Ali so moji podatki naloženi?
Ne. Razčlenjevanje in upodabljanje poteka v vašem brskalniku.
Kako izvozim del drevesa?
Večina pregledovalnikov ponuja kopiranje kot JSON za izbrane veje. Izvožena vrednost je enake strukture z izbranimi ključi.
Zakaj je drevo počasno z velikimi podatki?
Upodabljanje DOM številnih vozlišč je drago. Leno širjenje (upodabljanje samo vidnih vej) pomaga; za zelo velike podatke so učinkovitejša namenska orodja (jq, koda).
Ali si lahko ogledam JSON z URL-ja?
Nekateri gledalci pridobijo URL-je neposredno. Drugi zahtevajo lepljenje. CORS lahko prepreči navzkrižno pridobivanje iz nekaterih URL-jev.