Arbre JSON Visor
Visualitzeu, formateu i exploreu les dades JSON en un arbre plegable interactiu. Gratuït, segur i no cal pujar.
Arrossegueu i deixeu anar el fitxer JSON aquí
O enganxeu el text JSON a continuació
Visualitzeu, formateu i exploreu les dades JSON en un arbre plegable interactiu. Gratuït, segur i no cal pujar.
O enganxeu el text JSON a continuació
Els visualitzadors d'arbres JSON mostren les dades JSON com un arbre jeràrquic navegable en lloc de text senzill. Cada objecte es converteix en una branca plegable; les matrius mostren els seus elements individualment; els valors primitius apareixen com a fulles. La vista estructural fa que sigui fàcil trobar camps específics en dades profundament imbricades, col·lapsar subarbres irrellevants i navegar per documents JSON grans que serien inmanejables com a text pla.
En comparació amb el text JSON amb format, les vistes d'arbre excel·lent en la navegació en dades grans. Una resposta de l'API de 10 MB no és pràctica per desplaçar-se com a text, però tractable com un arbre on col·lapseu les claus de nivell superior que no us importen i amplieu només les parts d'interès.
Aquest visor mostra JSON en un arbre estructurat al vostre navegador. La cerca filtra les branques per clau o valor. La visualització de tipus distingeix cadenes, números, booleans, null, objectes i matrius.
Les dades imbricades profundament són difícils de navegar com a text. Els fitxers de configuració, les respostes de l'API i l'estat serialitzat solen tenir més de 5 nivells d'imbricació. Una vista en arbre us permet col·lapsar nivells irrellevants i centrar-vos en allò que importa; Les vistes de text requereixen un desplaçament acurat i un recompte de claudàtors.
Les capacitats de cerca i filtre també importen. Trobar totes les claus anomenades "user_id" en un document complex és ràpid amb un visor conscient de la cerca; impossible de fer de manera fiable amb text pla.
Enganxeu JSON, navegueu per l'arbre.
L'anàlisi JSON utilitza JSON.parse, que falla en una entrada no vàlida amb un error d'anàlisi que apunta a la ubicació del problema. JSON vàlid es renderitza en un objecte JavaScript que el visualitzador camina de forma recursiva per produir l'arbre.
Renderització: cada nivell de nidificació es converteix en una branca sagnada. Les claus d'objecte són etiquetes; els valors es representen en funció del tipus: cadenes entre cometes, números sense, booleans com a vertader/fals, nul de manera explícita, objectes i matrius com a branques plegables.
Rendiment: JSON molt gran (10 MB+) pot alentir la renderització. L'expansió mandrosa (que només representa branques visibles actualment) ajuda. La cerca en documents grans pot trigar un temps notable; indexar l'arbre a la primera anàlisi ajuda.