Ilmainen muunnin

JSON-puu Katsoja

Tarkastele, muotoile ja tutki JSON-tietoja interaktiivisessa kokoontaitettavassa puussa. Ilmainen, turvallinen, eikä latausta vaadita.

Vedä ja pudota JSON-tiedosto tähän

Tai liitä JSON-teksti alle

Tai

Tietoa tästä työkalusta

JSON-puun katselulaitteet näyttävät JSON-tiedot navigoitavana hierarkkisena puuna pelkkänä tekstinä. Jokaisesta esineestä tulee kokoontaitettava haara; taulukot näyttävät kohteensa yksitellen; primitiiviset arvot näkyvät lehtinä. Rakennenäkymän avulla on helppo löytää tiettyjä kenttiä syvälle sisäkkäisistä tiedoista, tiivistää merkityksettömiä alipuita ja navigoida suurissa JSON-dokumenteissa, joita ei voida hallita tasaisena tekstinä.

Muotoiltuun JSON-tekstiin verrattuna puunäkymät ovat erinomaisia ​​suurten tietojen navigoinnissa. 10 Mt:n API-vastausta on epäkäytännöllinen vierittää tekstinä, mutta se voidaan seurata puuna, jossa kutistat ylimmän tason avaimet, joista et välitä, ja laajennat vain kiinnostavia osia.

Tämä katseluohjelma renderöi JSONin strukturoidussa puussa selaimessasi. Haku suodattaa haarat avaimen tai arvon mukaan. Tyyppitietoinen näyttö erottaa merkkijonot, numerot, loogiset arvot, nollat, objektit ja taulukot.

Miksi käyttää JSON Tree Vieweria?

Syvästi sisäkkäisiä tietoja on vaikea navigoida tekstinä. Määritystiedostoissa, API-vastauksissa ja sarjoitetussa tilassa on usein 5+ sisäkkäistasoa. Puunäkymän avulla voit tiivistää merkityksettömiä tasoja ja keskittyä olennaiseen. tekstinäkymät vaativat huolellista vierittämistä ja hakasulkeiden laskemista.

Myös haku- ja suodatusominaisuuksilla on merkitystä. Kaikkien "user_id"-nimien avainten löytäminen monimutkaisesta asiakirjasta on nopeaa hakutietoisen katseluohjelman avulla. mahdotonta tehdä luotettavasti pelkällä tekstillä.

Käyttöohjeet

Liitä JSON, siirry puuhun.

  1. Liitä JSON: Pudota JSON syöttöalueelle. Katsoja jäsentää ja hahmontaa rakenteellisen puun.
  2. Laajenna ja romahtaa: Laajenna tai tiivistä oksia napsauttamalla oksia. Hyödyllinen keskittyessä suurien tietojen tiettyihin alipuihin.
  3. Etsi: Suodata avaimen tai arvon mukaan. Sopivat oksat pysyvät näkyvissä; ei-vastaavat piilotetaan.
  4. Tarkista tietyt arvot: Napsauta lehtiä nähdäksesi sen täyden arvon (hyödyllinen pitkille merkkijonoille) ja kopioi polku (esim. users.0.profile.email) käytettäväksi koodissa.

Yleiset käyttötapaukset

Tekniset tiedot

JSON-jäsennys käyttää JSON.parsea, joka epäonnistuu virheellisessä syötteessä ja jäsennysvirhe osoittaa ongelman sijaintiin. Kelvollinen JSON hahmontaa JavaScript-objektiksi, jonka katsoja kävelee rekursiivisesti tuottaakseen puun.

Renderöinti: jokaisesta sisäkkäisestä tasosta tulee sisennetty haara. Objektiavaimet ovat tarroja; arvot hahmonnetaan tyypin perusteella – merkkijonot lainausmerkeissä, luvut ilman, loogiset arvot tosi/epätosi, nolla eksplisiittisesti, objektit ja taulukot kutistettavina haaroina.

Suorituskyky: erittäin suuri JSON (10 Mt+) voi hidastaa renderöintiä. Laiska laajennus (vain tällä hetkellä näkyvien oksien näyttäminen) auttaa. Haku suurista asiakirjoista voi viedä huomattavasti aikaa. puun indeksointi ensimmäisessä jäsennyksessä auttaa.

Parhaat käytännöt

Usein kysytyt kysymykset

Kuinka syvälle JSON-puu voi mennä?
Ei ole keinotekoista syvyysrajaa. Työkalu hahmontaa puita niin syvälle kuin JSON-rakenne menee. Erittäin syvä sisäkkäisyys (yli 100 tasoa) voi kuitenkin hidastaa hahmonnusta selaimessa.
Voinko etsiä JSON-puusta?
Käytä Ctrl/Cmd+F etsiäksesi avaimia tai arvoja. Vastaavat solmut korostetaan ja niiden pääsolmut laajenevat automaattisesti näyttämään polun.
Mitä JSON-polkumuotoa käytetään?
Työkalu käyttää JSONPath-pistemerkintää ($.key.nested.array[0].value). Tämä muoto on yhteensopiva JavaScript-ominaisuuden käyttöoikeuksien ja useimpien JSONPath-kirjastojen kanssa.
Voinko muokata arvoja puussa?
Tämä on vain luku -katseluohjelma tutkimista varten. Käytä JSON-muokkaukseen JSON-muotoilutyökalua, joka tarjoaa muokattavan käyttöliittymän ja validoinnin.
Onko tietoni ladattu?
Ei. Jäsentäminen ja renderöinti tapahtuu selaimessasi.
Kuinka voin viedä osan puusta?
Useimmat katsojat tarjoavat kopioita JSON-muodossa valituille haareille. Viedyllä arvolla on sama rakenne vain valituilla avaimilla.
Miksi puu on hidas suurilla tiedoilla?
Monien solmujen DOM-renderöinti on kallista. Laiska laajennus (vain näkyvien oksien näyttäminen) auttaa; erittäin suurelle datalle omistetut työkalut (jq, koodi) ovat tehokkaampia.
Voinko tarkastella JSON-tiedostoa URL-osoitteesta?
Jotkut katsojat hakevat URL-osoitteet suoraan. Muut vaativat liittämistä. CORS saattaa estää useiden lähteiden välisen haun joistakin URL-osoitteista.