Sommaire
Si vous souhaitez visualiser des données JSON, un outil en ligne pratique vous aidera à mieux comprendre les structures de données qu’elles contiennent.
La « Javascript Object Notation » ou JSON s’est imposée comme format pour l’échange de données entre les serveurs et les apps. DonnÃes json. En raison de la compacité de cette notation populaire, il n’est toutefois pas toujours facile de comprendre les données qu’elle contient. Un outil utile vous y aide.
Comment visualiser les données JSON ?
Copiez les données JSON dans le presse-papier.
Avec le navigateur, allez sur le site jsoncrack.com.
Accédez à l’éditeur (le lien ci-dessus vous y mène directement).
Remplacez le code JSON donné en exemple dans la partie gauche de l’image par vos propres données en les sélectionnant et en les collant.
A droite, vous voyez maintenant la visualisation des données saisies.
Comment garder une vue d’ensemble des données JSON complexes ?
Avec le bouton Shrink Nodes de la barre d’outils de gauche, l’outil raccourcit le contenu des données et comprime ainsi la représentation des nœuds dans la partie droite de l’image.
En maintenant le bouton de la souris enfoncé, vous déplacez le diagramme pour y naviguer.
Les symboles plus et moins en haut à droite vous permettent de zoomer dans le diagramme de données. Vous pouvez également utiliser la molette de la souris.
Le carré à droite du symbole moins fait un zoom arrière jusqu’à ce que le diagramme entier soit visible.
Si vous saisissez un terme dans le champ de recherche en haut à droite, l’éditeur centre la première occurrence, fait un zoom avant et met en couleur le nœud concerné. Si vous appuyez sur la touche Return, la recherche passe à l’occurrence suivante. Mais attention à ne pas se tromper : La recherche se limite aux valeurs. Les identificateurs des champs clés ne sont pas trouvés. Si le contenu de votre JSON est par exemple {« weather » : « cloudy »}, vous ne trouverez pas de mot. vous ne trouverez donc que « cloudy », mais pas « weather ».
Utiliser directement les données existantes
Si les données JSON peuvent être récupérées directement sur Internet, il n’est pas nécessaire de passer par le presse-papiers. Cliquez alors dans l’éditeur à gauche sur le premier bouton « Import File » et entrez-y l’URL où les informations sont accessibles.
Via cette fenêtre, vous pouvez également télécharger un fichier JSON enregistré localement par glisser-déposer .
L’outil maîtrise encore ces fonctions
S’il s’agit de définir une structure de données à titre d’exemple, Jsoncrack vous aide tout autant. En effet, vous pouvez « bidouiller » les données dans l’éditeur et voir immédiatement à droite si vos saisies créent le modèle de données souhaité. L’outil vous aide en outre à éviter les erreurs. Dès que le JSON n’est plus valide, un message d’erreur rouge apparaît à la place de l’affichage vert « JSON valid » et la partie de code concernée est surlignée en rouge dans l’éditeur.
En cliquant sur le bouton Share (Partager) de la barre d’outils, vous obtenez un lien vers la vue actuelle de l’éditeur, y compris le diagramme. Notez toutefois que le lien contient l’instantané dans son état actuel. Si vous envoyez le lien à quelqu’un et que vous modifiez ensuite les données de votre vue de l’éditeur, le destinataire aura sous les yeux une version différente du lien reçu.
Un clic sur un nœud vous montre l’extrait correspondant du code JSON et vous propose de le copier dans le Clipboard.
En cliquant sur le bouton dont le symbole est une flèche pointant vers le bas, vous téléchargez le diagramme actuel sous forme de fichier PNG ou vous le copiez dans le presse-papiers.
