Visionneur JSON

Vous recevez une réponse API JSON massive, parfois imbriquée sur 15 niveaux. La copier dans un éditeur de texte vous fait scroller sans fin. Le visionneur JSON le présente comme une arborescence : cliquez pour replier les branches que vous ne regardez pas, développez seulement ce qui vous intéresse.

Utiliser le visionneur

1. Collez votre JSON ou importez un fichier.
2. L’outil le dessine en arborescence.
3. Cliquez sur les flèches pour replier ou développer les branches.
4. Cherchez la clé qui vous intéresse en parcourant les niveaux.

Fonctionnalités qu’un bon visionneur offre

• Arborescence développable et repliable avec contrôle total de l’expansion
• Mise en couleur des types de valeurs (objet, tableau, nombre, booléen, null) pour une reconnaissance rapide
• Affichage du chemin complet vers chaque valeur pour le contexte
• Fonction de recherche pour trouver une clé rapidement, même dans de grands ensembles
• Indication de la taille de chaque sous-objet pour estimer la profondeur des données

Arborescence contre ligne unique

Une API retourne souvent du JSON minifiée sur une ligne, compressée pour économiser la bande passante. Déchiffrable pour un ordinateur, invivable pour un humain. Un visionneur le transforme en arborescence graphique. Chaque niveau d’imbrication devient un dossier pliable. Les noms de clés et les valeurs apparaissent simplement, avec une indentation qui guide votre lecture.

La vraie puissance apparaît avec les grosses réponses. Quand vous cherchez une valeur spécifique dans un objet de 10000 lignes, réduire les branches inutiles économise des minutes. Les visionneurs modernes permettent aussi d’afficher le type de chaque nœud et son nombre d’enfants avant même de l’ouvrir. Cela vous aide à sauter les sections volumineuses qui ne vous intéressent pas.

Vocabulaire de l’exploration JSON

• Nœud — Un élément de l’arborescence : un objet, un tableau, une chaîne ou une valeur simple.
• Branche — Partie de l’arborescence sous un nœud parent. Peut être repliée ou développée avec un clic.
• Feuille — Nœud terminal sans enfants. Une chaîne, un nombre, un booléen ou null qui conclut une branche.
• Chemin — Suite de clés du haut de l’arborescence jusqu’à un nœud. Par exemple : users[0].profile.email.

Questions sur la visualisation JSON