Kas ir šis rīks?
JSON koka skatītājs pārvērš JSON dokumentu par navigējamu shēmu: katrs objekts un masīvs kļūst par mezglu, ko varat izvērst vai sakļaut, katra atslēga rāda savu izsecinātā tipu, un katra lapas vērtība tiek attēlota rindā. Tā vietā, lai ritinātu tūkstošiem teksta rindu, jūs iedziļinieties tikai tajos zaros, kas jūs faktiski interesē.
Tas atšķiras no JSON formatētāja. Formatētājs pārraksta jūsu JSON tekstu ar ievilkumu, lai tas izskatītos labāk — tas ir pareizais rīks, kad jums vienkārši nepieciešams skaisti izdrukāt, saīsināt vai validēt sintaksi. Koka skatītājs ir paredzēts pašas struktūras izpētei un navigācijai, it īpaši, kad JSON ir liels, dziļi ligzdots, vai jūs vēl nezināt, kur atrodas jums nepieciešamie dati. Ja vēlaties vienkārši skaistināt vai validēt JSON tekstu, izmantojiet JSON formatētāju.
Kāpēc to izmantot?
- Navigējiet dziļi ligzdotās API atbildēs vai konfigurācijas failos, nezaudējot pārskatu par to, kura iekava pieder kuram līmenim.
- Meklējiet pēc atslēgas nosaukuma vai vērtības un tieši pārlēkiet uz atbilstību, ar automātiski izvērstu ceļu.
- Gludi apstrādā ļoti lielu JSON (vairākus megabaitus) — bērnu mezgli tiek veidoti tikai tad, kad tos izvēršat, tāpēc nekas nesasaldē cilni.
- Redziet katras vērtības tipu ar vienu skatienu — virkne, skaitlis, būla, null, objekts vai masīvs — ar skaidrām etiķetēm.
- 100% privāti: parsēšana un renderēšana notiek pilnībā jūsu pārlūkā, nekas netiek augšupielādēts vai saglabāts.
Kā to lietot
- Ielīmējiet savu JSON ievades lodziņā, vai izmantojiet faila izvēlni, lai ielādētu JSON failu no diska.
- Nospiediet "Renderēt koku", lai izveidotu interaktīvo skatu.
- Nospiediet bultiņu blakus jebkuram objektam vai masīvam, lai to izvērstu vai sakļautu — mezgli dziļāk par pāris līmeņiem automātiski sākas sakļauti, lai lieli faili paliktu atsaucīgi.
- Ierakstiet atslēgas nosaukumu vai vērtību meklēšanas lodziņā, lai atrastu atbilstības; rīks izvērš katru vecāku mezglu ceļā uz leju un ritina un iezīmē rezultātu.
- Izmantojiet nākamā/iepriekšējā pogas, lai izietu cauri vairākām atbilstībām.
Piemērs
Ievade
{"user":{"id":42,"name":"Ada","roles":["admin","editor"],"active":true,"manager":null}}Izvade
user: { 4 atslēgas }
id: 42 (skaitlis)
name: "Ada" (virkne)
roles: [ 2 elementi ]
0: "admin"
1: "editor"
active: true (būla)
manager: nullKatra rinda parāda atslēgu, tās izsecinātā tipu, un vai nu vērtību (lapām), vai sakļautu skaitu (objektiem un masīviem), līdz to izvēršat.
Praktiski padomi
- Lielām API atbildēm vispirms meklējiet raksturīgu lauka nosaukumu (piemēram, id vai kļūdas kodu), nevis manuāli izvēršiet mezglu pa mezglam — meklēšana tieši tur pārlec.
- Mezgli pēc pirmajiem pāris līmeņiem apzināti sākas sakļauti, lai vairāku megabaitu slodze paliktu atsaucīga; izvērsiet tikai to zaru, kas jums nepieciešams.
- Tipa nozīmītes (virkne, skaitlis, būla, null, objekts, masīvs) ir īpaši noderīgas, lai pamanītu lauku, kas negaidīti ir null, vai masīvu, kur gaidījāt objektu.
- Ja jums vajag tikai skaisti izdrukāt vai validēt JSON fragmentu, nevis izpētīt tā struktūru, JSON formatētājs šim darbam ir ātrāks.
Kā tas iekļaujas reālās darbplūsmās
Dziļi ligzdotas API atbildes, datubāzes eksporti un konfigurācijas faili ir grūti aptverami kā plakans teksts — jūs zaudējat pārskatu par to, kura aizverošā iekava atbilst kurai atslēgai. Tā paša slodzes ielādēšana koka skatā ļauj sakļaut visu, kas jums nav vajadzīgs, un koncentrēties tikai uz to zaru, kas ir svarīgs, kas ir daudz ātrāk nekā ritināt cauri formatētai teksta sienai, meklējot vienu lauku.
Izplatīta plūsma: vispirms ielīmējiet lielu webhook slodzi šeit, lai saprastu tās formu un atrastu jums nepieciešamo lauku, tad pārslēdzieties uz JSON formatētāju, ja jums vajadzīga tīra, ievilkta teksta kopija, ko ielīmēt kļūdas ziņojumā vai koda pārskatā.
Biežākie lietošanas gadījumi
- Lielas, dziļi ligzdotas API atbildes izpēte, lai atrastu, kur atrodas konkrēts lauks, pirms rakstāt kodu pret to.
- Lielas konfigurācijas vai eksporta faila pārskatīšana, neritinot cauri tūkstošiem neapstrādāta teksta rindu.
- Nepazīstamas JSON slodzes formas un tipu pārbaude, pirms to parsējat savā kodā.
- Konkrētas vērtības (ID, kļūdas ziņojuma, laika zīmoga) atrašana, kas apglabāta kaut kur lielā JSON dokumentā.
Biežāk uzdotie jautājumi
Kā tas atšķiras no JSON formatētāja rīka?
JSON formatētājs pārraksta JSON tekstu ar ievilkumu, saīsina to vai validē sintaksi — tas strādā ar pašu tekstu. JSON koka skatītājs renderē parsēto struktūru kā interaktīvu, sakļaujamu koku, ko varat izpētīt ar klikšķiem un meklēt — tas ir izveidots lielu vai dziļi ligzdotu datu formas izpētei un izpratnei, nevis formatēta teksta izvades radīšanai.
Vai tas sasaldēs manu pārlūku milzīgā JSON failā?
Nē. Koks tiek renderēts slinki: tikai pirmie pāris līmeņi tiek veidoti, kad pirmoreiz renderējat, un viss dziļāk tiek veidots tikai brīdī, kad nospiežat, lai izvērstu. Tas saglabā sākotnējo renderēšanu ātru pat vairāku megabaitu failiem, jo pārlūkam nekad nav jāveido DOM mezgls datiem, uz kuriem vēl neesat paskatījies.
Vai mani JSON dati tiek kaut kur augšupielādēti?
Nē. Parsēšana, renderēšana un meklēšana viss notiek lokāli jūsu pārlūkā, izmantojot JavaScript. Jūsu dati nekad neatstāj jūsu ierīci.
Kā darbojas meklēšana?
Meklēšana pārbauda katru atslēgas nosaukumu un katru primitīvo vērtību pilnajos parsētajos datos, ne tikai to, kas šobrīd redzams ekrānā. Kad tā atrod atbilstību, tā automātiski izvērš katru priekšteci mezglu, lai jūs to varētu redzēt, tad ritina uz to un īsi to izceļ. Ja ir vairākas atbilstības, izmantojiet nākamā/iepriekšējā pogas, lai izietu cauri tām.
Vai varu meklēt sakļautos mezglos?
Jā. Meklēšana vienmēr izstaigā pilno pamatā esošo JSON objektu neatkarīgi no tā, kuri mezgli šobrīd ir izvērsti vai sakļauti skatā. Mezgla sakļaušana ietekmē tikai to, kas tiek renderēts ekrānā, nevis to, kas var tikt atrasts.