CodeKitHub
JSON įrankiai

JSON medžio peržiūros įrankis

Paskutinį kartą atnaujinta:

Įklijuokite ar įkelkite savo JSON ir naršykite jį kaip interaktyvų, suglaudinamą medį, o ne teksto sieną. Spustelėkite bet kurį mazgą, kad jį išplėstumėte ar suglaudintumėte, ir naudokite paieškos langelį, kad šoktumėte tiesiai prie rakto ar reikšmės, palaidotos giliai didelėje struktūroje. Viskas vyksta vietoje jūsų naršyklėje – jūsų duomenys niekada neįkeliami.

Kas yra šis įrankis?

JSON medžio peržiūros įrankis paverčia JSON dokumentą naršomu apibrėžimu: kiekvienas objektas ir masyvas tampa mazgu, kurį galite išplėsti ar suglaudinti, kiekvienas raktas rodo savo nustatytą tipą, o kiekviena galutinė reikšmė rodoma tiesiogiai. Vietoj slinkimo per tūkstančius teksto eilučių, jūs gilinatės tik į tas šakas, kurios jums iš tikrųjų rūpi.

Tai skiriasi nuo JSON formatuoklės. Formatuoklė perrašo jūsų JSON tekstą su atitraukimu, kad jis atrodytų gražiau – tai tinkamas įrankis, kai jums tereikia gražiai atspausdinti, suspausti ar patikrinti sintaksę. Medžio peržiūros įrankis skirtas pačios struktūros tyrinėjimui ir naršymui, ypač kai JSON yra didelis, giliai įdėtinis, ar jūs dar nežinote, kur yra reikalingi duomenys. Jei tiesiog norite pagražinti ar patikrinti JSON tekstą, naudokite JSON formatuoklę.

Kodėl jį naudoti?

  • Naršykite giliai įdėtinius API atsakymus ar konfigūracijos failus, neprarasdami sekos, kuris skliaustas priklauso kuriam lygiui.
  • Ieškokite pagal rakto pavadinimą ar reikšmę ir šokinėkite tiesiai prie atitikimo, kai kelias automatiškai išplečiamas už jus.
  • Sklandžiai apdoroja labai didelius JSON (kelis megabaitus) – vaiko mazgai kuriami tik kai juos išplečiate, tad niekas neužstringa skirtuke.
  • Iš karto pamatykite kiekvienos reikšmės tipą – eilutė, skaičius, loginis dydis, null, objektas ar masyvas – su aiškiomis etiketėmis.
  • 100% privatu: perpynimas ir atvaizdavimas vyksta visiškai jūsų naršyklėje, niekas neįkeliama ar nesaugoma.

Kaip naudoti

  1. Įklijuokite savo JSON į įvesties langelį arba naudokite failo pasirinkiklį, kad įkeltumėte JSON failą iš disko.
  2. Spustelėkite „Atvaizduoti medį", kad sukurtumėte interaktyvų vaizdą.
  3. Spustelėkite rodyklę šalia bet kurio objekto ar masyvo, kad jį išplėstumėte ar suglaudintumėte – mazgai, gilesni nei kelis lygius, iš pradžių automatiškai suglaudinami, kad dideli failai liktų reaguojantys.
  4. Įveskite rakto pavadinimą ar reikšmę į paieškos langelį, kad rastumėte atitikmenis; įrankis išplečia kiekvieną tėvinį mazgą kelyje žemyn ir slenka bei paryškina rezultatą.
  5. Naudokite kitas/ankstesnis mygtukus, kad pereitumėte per kelis atitikmenis.

Pavyzdys

Įvestis

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

Išvestis

user: { 4 raktai }
  id: 42 (skaičius)
  name: "Ada" (eilutė)
  roles: [ 2 elementai ]
    0: "admin"
    1: "editor"
  active: true (loginis dydis)
  manager: null

Kiekviena eilutė rodo raktą, jo nustatytą tipą ir arba reikšmę (galutiniams elementams), arba suglaudintą kiekį (objektams ir masyvams), kol jį išplečiate.

Praktiniai patarimai

  • Dideliems API atsakymams pirma ieškokite išskirtinio lauko pavadinimo (kaip id ar klaidos kodas), vietoj rankinio mazgo po mazgo išplėtimo – paieška šokinėja tiesiai ten.
  • Mazgai, gilesni nei pirmi keli lygiai, sąmoningai iš pradžių suglaudinti, tad kelis megabaitus siekiantis krovinys lieka reaguojantis; išplėskite tik reikalingą šaką.
  • Tipo ženkleliai (eilutė, skaičius, loginis dydis, null, objektas, masyvas) ypač naudingi pastebėti lauką, kuris netikėtai yra null, arba masyvą ten, kur tikėjotės objekto.
  • Jei jums tereikia gražiai atspausdinti ar patikrinti JSON fragmentą, o ne tyrinėti jo struktūrą, JSON formatuoklė greitesnė tam darbui.

Kur tai naudojama praktiniame darbe

Giliai įdėtinius API atsakymus, duomenų bazių eksportus ir konfigūracijos failus sunku suprasti kaip plokščią tekstą – prarandate seką, kuris uždarantis skliaustelis atitinka kurį raktą. Įkeliant tą patį krovinį į medžio vaizdą leidžia suglaudinti viską, ko nereikia, ir sutelkti dėmesį tik į svarbią šaką, o tai daug greičiau, nei slinkti per suformatuotą teksto sieną ieškant vieno lauko.

Įprastas srautas: pirma įklijuokite čia didelį webhook krovinį, kad suprastumėte jo formą ir rastumėte reikalingą lauką, tada perjunkite į JSON formatuoklę, jei jums reikia švarios, atitrauktos teksto kopijos įklijuoti į klaidos ataskaitą ar kodo peržiūrą.

JSON formatuoklė

Įprasti naudojimo atvejai

  • Didelio, giliai įdėtinio API atsakymo tyrinėjimas norint rasti, kur gyvena konkretus laukas, prieš rašant kodą pagal jį.
  • Didelio konfigūracijos ar eksporto failo peržiūra be slinkimo per tūkstančius žalio teksto eilučių.
  • Nepažįstamo JSON krovinio formos ir tipų tikrinimas prieš jį perpinant savo kode.
  • Konkrečios reikšmės (ID, klaidos pranešimo, laiko žymos) suradimas, palaidotos kažkur dideliame JSON dokumente.

Dažniausiai užduodami klausimai

Kuo tai skiriasi nuo JSON formatuoklės įrankio?

JSON formatuoklė perrašo JSON tekstą su atitraukimu, suspaudžia jį arba patikrina sintaksę – ji veikia su pačiu tekstu. JSON medžio peržiūros įrankis atvaizduoja perpintą struktūrą kaip interaktyvų, suglaudinamą medį, kurį galite spustelėti ir kuriame ieškoti – jis sukurtas didelio ar giliai įdėtinio duomenų formos tyrinėjimui ir supratimui, ne suformatuoto teksto išvesties kūrimui.

Ar tai užstrigs mano naršyklę su didžiuliu JSON failu?

Ne. Medis atvaizduojamas tingiai: tik pirmi keli lygiai sukuriami pirmą kartą jį atvaizdavus, o viskas giliau kuriama tik tuo momentu, kai spustelėjate išplėsti. Tai išlaiko pradinį atvaizdavimą greitą net kelių megabaitų failams, nes naršyklei niekada nereikia kurti DOM mazgo duomenims, kurių dar nežiūrėjote.

Ar mano JSON duomenys kur nors įkeliami?

Ne. Perpynimas, atvaizdavimas ir paieška vyksta vietoje jūsų naršyklėje naudojant „JavaScript". Jūsų duomenys niekada nepalieka jūsų įrenginio.

Kaip veikia paieška?

Paieška tikrina kiekvieną rakto pavadinimą ir kiekvieną primityvią reikšmę visuose perpintuose duomenyse, ne tik tai, kas šiuo metu matoma ekrane. Radus atitikimą, ji automatiškai išplečia kiekvieną protėvio mazgą, kad galėtumėte jį matyti, tada slenka prie jo ir trumpam paryškina. Jei yra keli atitikmenys, naudokite kitas/ankstesnis mygtukus, kad pereitumėte per juos.

Ar galiu ieškoti suglaudintuose mazguose?

Taip. Paieška visada apeina visą pagrindinį JSON objektą, nepriklausomai nuo to, kurie mazgai šiuo metu išplėsti ar suglaudinti vaizde. Mazgo suglaudinimas veikia tik tai, kas atvaizduojama ekrane, o ne tai, kas gali būti rasta.

Susiję įrankiai