JSON-puunäkymä

Mikä tämä työkalu on?

JSON-puunäkymä muuttaa JSON-dokumentin selattavaksi jäsennykseksi: jokaisesta objektista ja taulukosta tulee solmu, jonka voi laajentaa tai supistaa, jokainen avain näyttää päätellyn tyyppinsä, ja jokainen lehtiarvo näytetään rivillä. Sen sijaan, että selaisit tuhansia rivejä tekstiä, poraudut vain niihin haaroihin, joista todella välität.

Tämä eroaa JSON-muotoilijasta. Muotoilija kirjoittaa JSON-tekstisi uudelleen sisennettynä, jotta se näyttää siistimmältä — se on oikea työkalu, kun haluat vain kaunistaa, pienentää tai validoida syntaksin. Puunäkymä on tarkoitettu itse rakenteen tutkimiseen ja navigointiin, erityisesti kun JSON on suuri, syvästi sisäkkäinen tai et vielä tiedä, missä tarvitsemasi data sijaitsee. Jos haluat vain kaunistaa tai validoida JSON-tekstiä, käytä sen sijaan JSON-muotoilijaa.

Miksi käyttää sitä?

• Selaa syvästi sisäkkäisiä API-vastauksia tai konfiguraatiotiedostoja menettämättä käsitystä siitä, mikä sulkumerkki kuuluu millekin tasolle.
• Hae avaimen nimen tai arvon perusteella ja hypi suoraan osumaan, polun laajentuessa automaattisesti puolestasi.
• Käsittelee erittäin suuria JSON-tiedostoja (useita megatavuja) sujuvasti — alisolmut rakennetaan vasta kun laajennat ne, joten mikään ei jumita välilehteä.
• Näe jokaisen arvon tyyppi silmäyksellä — merkkijono, luku, totuusarvo, null, objekti tai taulukko — selkein merkinnöin.
• 100 % yksityinen: jäsentäminen ja renderöinti tapahtuvat kokonaan selaimessasi, mitään ei ladata tai tallenneta.

Käyttöohje

1. Liitä JSON-datasi syöttökenttään tai käytä tiedostovalitsinta JSON-tiedoston lataamiseen levyltä.
2. Klikkaa "Render tree" rakentaaksesi interaktiivisen näkymän.
3. Klikkaa minkä tahansa objektin tai taulukon vieressä olevaa nuolta laajentaaksesi tai supistaaksesi sen — paria tasoa syvemmällä olevat solmut alkavat automaattisesti supistettuina, jotta suuret tiedostot pysyvät responsiivisina.
4. Kirjoita avaimen nimi tai arvo hakukenttään löytääksesi osumia; työkalu laajentaa jokaisen yläsolmun matkan varrella ja vierittää sekä korostaa tuloksen.
5. Käytä seuraava/edellinen-painikkeita käydäksesi läpi useita osumia.

Esimerkki

Syöte

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

Tuloste

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

Jokainen rivi näyttää avaimen, sen päätellyn tyypin ja joko arvon (lehdille) tai supistetun laskurin (objekteille ja taulukoille) kunnes laajennat sen.

Käytännön vinkit

• Suurten API-vastausten kohdalla hae ensin erottuvaa kentän nimeä (kuten id tai virhekoodi) sen sijaan, että laajentaisit solmuja käsin yksi kerrallaan — haku hyppää suoraan sinne.
• Ensimmäisten pariin tason jälkeen solmut alkavat tarkoituksella supistettuina, jotta usean megatavun hyötykuorma pysyy responsiivisena; laajenna vain tarvitsemasi haara.
• Tyyppimerkinnät (string, number, boolean, null, object, array) ovat erityisen hyödyllisiä havaitsemaan kenttä, joka on odottamatta null tai taulukko, jonka odotit olevan objekti.
• Jos tarvitset vain JSON-katkelman kaunistamista tai validointia sen rakenteen tutkimisen sijaan, JSON-muotoilija on siihen nopeampi.

Mihin tämä sopii todellisissa työnkuluissa

Syvästi sisäkkäisiä API-vastauksia, tietokantavientejä ja konfiguraatiotiedostoja on vaikea hahmottaa litteänä tekstinä — menetät käsityksen siitä, mikä sulkeva aaltosulku vastaa mitäkin avainta. Saman hyötykuorman lataaminen puunäkymään antaa sinun supistaa kaiken, mitä et tarvitse, ja keskittyä vain oleelliseen haaraan, mikä on paljon nopeampaa kuin muotoillun tekstiseinän selaaminen yhtä kenttää etsien.

Yleinen työnkulku: liitä suuri webhook-hyötykuorma tähän ensin ymmärtääksesi sen muodon ja löytääksesi tarvitsemasi kentän, ja vaihda sitten JSON-muotoilijaan, jos tarvitset siistin, sisennetyn tekstikopion liitettäväksi vikaraporttiin tai koodikatselmukseen.

→ JSON-muotoilija

Yleisiä käyttötapauksia

• Suuren, syvästi sisäkkäisen API-vastauksen tutkiminen tietyn kentän sijainnin löytämiseksi ennen sitä käyttävän koodin kirjoittamista.
• Ison konfiguraatio- tai vientitiedoston tarkistaminen ilman tuhansien rivien raakatekstin selaamista.
• Tuntemattoman JSON-hyötykuorman muodon ja tyyppien tarkistaminen ennen sen jäsentämistä omassa koodissasi.
• Tietyn arvon (tunnisteen, virheviestin, aikaleiman) paikantaminen, joka on kätketty jonnekin suureen JSON-dokumenttiin.

Usein kysytyt kysymykset