Une réponse d’API ou un fichier de configuration avec plus de quelques niveaux de profondeur est difficile à lire en tant que texte brut. Compter les accolades pour trouver où se termine un tableau, ou faire défiler mille lignes pour trouver une clé, n’est pas la façon dont les gens veulent passer leur temps.
Utiliser le visualiseur JSON
Collez un document et l’arbre se dessine dès que vous arrêtez de taper. Chaque objet et tableau est une barre que vous pouvez ouvrir et fermer, et Tout développer ou Tout replier fait cela pour tout le document à la fois. Cliquer sur une valeur feuille la sélectionne, met en surbrillance le texte source exact dont elle provient dans le volet de l’éditeur, et affiche son chemin au-dessus de l’arbre, prêt à être copié d’un seul bouton.
Collez
{"data":{"items":[{"name":"first"},{"name":"second"}]},"id":12345678901234567890}et cliquez sur le name du deuxième élément affiche $.data.items[1].name
comme chemin. C’est une expression JSONPath réelle que vous pouvez coller
directement dans le testeur JSONPath si vous
avez besoin d’interroger chaque correspondance de cette forme.
Pourquoi les grands documents ne figent pas l’onglet
Un arbre qui rend chaque ligne d’avance est ce qui fait que d’autres visualiseurs se bloquent sur un grand document : disposer dix mille nœuds DOM prend du temps réel quelle que soit la vitesse de l’analyse. Ce visualiseur ne dessine une branche que lorsque vous l’ouvrez, donc un conteneur fermé ne coûte rien. Tout développer doit toujours tout dessiner, donc au-delà de 3000 valeurs il refuse et vous dit le décompte au lieu de bloquer l’onglet, et vous pouvez toujours ouvrir les branches individuellement au-delà de ce point.
Ce que vous voyez réellement
L’arbre est construit à partir du même flux de jetons que le formateur
réimprime, pas d’une valeur analysée par JSON.parse. Un entier de vingt
chiffres conserve chaque chiffre dans l’arbre, et une clé d’objet qui
ressemble à un nombre reste à la position où vous l’avez écrite, exactement
comme chaque autre outil sur ce site. L’arbre affiche votre document, pas
une interprétation JavaScript de celui-ci.
Un moyen rapide de répondre “où est cette valeur”
Si vous avez déjà recherché une valeur dans un fichier JSON pour trouver trois correspondances et aucun moyen de dire laquelle est à l’intérieur de quel objet, c’est le chemin le plus rapide : ouvrez l’arbre, cliquez sur la valeur, et lisez le chemin. Cela fonctionne aussi à l’envers. Sélectionner une valeur dans l’arbre fait défiler et met en surbrillance son texte source exact dans l’éditeur, ce qui est le moyen le plus rapide de trouver un champ spécifique dans un document que vous n’avez pas écrit vous-même.