Developer Tools
Data & AnalyticsVisionneur JSON
Affichez le JSON sous forme d'arbre interactif extensible avec coloration syntaxique, copie des chemins, recherche de valeurs et bascule au niveau des nœuds. Explorateur JSON gratuit en ligne.
Entrée JSON
Arbre JSON
Recherche :
Collez ou saisissez du JSON ci-dessus pour prévisualiser l'arbre interactif.
Outils Associés
À Propos du Visionneur JSON
Comment ça marche
- Collez n'importe quel JSON valide et il s'affiche comme arbre repliable interactif
- Cliquez sur tout nœud objet ou tableau pour développer ou réduire ses enfants
- Utilisez Tout développer / Tout réduire pour contrôler l'arbre entier
- Recherchez parmi les clés et valeurs — les nœuds correspondants sont mis en surbrillance
- Cliquez sur l'icône de copie à côté d'un nœud pour copier son chemin ou sa valeur
Cas d'Usage Courants
- Explorer des réponses API profondément imbriquées
- Déboguer des fichiers de configuration JSON complexes
- Trouver des clés ou valeurs spécifiques dans de grandes charges JSON
- Copier des chemins JSON exacts pour les utiliser en code ou dans des outils
- Examiner des données structurées provenant de bases de données ou de journaux
Foire Aux Questions
Qu'est-ce que le Visionneur JSON ?
Le Visionneur JSON est un outil interactif qui affiche tout JSON valide sous forme d'arborescence repliable avec coloration syntaxique en couleurs. Il permet d'explorer des données imbriquées, de copier des chemins et valeurs, et de rechercher des clés ou valeurs spécifiques sans parcourir le texte brut.
Comment développer ou réduire un nœud ?
Cliquez sur tout nœud objet ou tableau (indiqué par { } ou [ ]) pour basculer entre ouvert et fermé. Vous pouvez aussi utiliser le bouton 'Tout développer' pour ouvrir l'arbre entier, ou 'Tout réduire' pour tout replier jusqu'au niveau racine.
Comment fonctionne la recherche ?
Saisissez un mot-clé dans le champ Recherche. L'outil mettra en surbrillance tous les nœuds dont le nom de clé ou la valeur contient votre terme (sans distinction de casse). Les nœuds correspondants sont mis en évidence avec un fond jaune.
Comment copier un chemin JSON ?
Survolez n'importe quel nœud — une icône de lien apparaîtra à droite. Cliquez dessus pour copier le chemin en notation pointée (ex. : user.address.city) dans le presse-papiers.
Comment copier la valeur d'un nœud ?
Survolez un nœud et cliquez sur l'icône de presse-papiers à droite. Pour les valeurs primitives, la valeur brute est copiée ; pour les objets et tableaux, le sous-arbre complet est copié en JSON formaté.
Mes données JSON sont-elles envoyées à un serveur ?
Non. Tout le traitement se fait entièrement dans votre navigateur en JavaScript côté client. Vos données JSON ne quittent jamais votre appareil, il est donc sûr de coller des données sensibles.
Quelles fonctionnalités JSON le visionneur prend-il en charge ?
Il prend en charge la spécification JSON complète : objets et tableaux imbriqués à n'importe quelle profondeur, tous les types primitifs (chaînes, nombres, booléens, null), caractères Unicode et séquences d'échappement.
Puis-je l'utiliser pour voir des réponses API ?
Oui — copiez le JSON brut de l'onglet réseau de votre navigateur, d'un client REST ou du terminal et collez-le dans la zone de saisie. Le visionneur le rend instantanément sous forme d'arbre interactif.
Que se passe-t-il si je colle un JSON invalide ?
Si la saisie ne peut pas être analysée comme JSON valide, un message d'erreur s'affiche dans le panneau arbre avec l'erreur d'analyse exacte. Corrigez la saisie et l'arbre se mettra à jour automatiquement.
Quelle est la différence entre le Visionneur et le Formateur JSON ?
Le Formateur JSON produit du texte brut bien indenté — utile pour copier-coller. Le Visionneur affiche le JSON sous forme d'arbre interactif — utile pour explorer la structure et trouver des nœuds spécifiques.
Le visionneur gère-t-il les grands fichiers JSON ?
Il gère bien les JSON de taille moyenne (jusqu'à quelques Mo). Les très grands fichiers peuvent ralentir le navigateur. Pour les charges utiles volumineuses, repliez d'abord le niveau racine et développez uniquement les sections nécessaires.
Puis-je charger un exemple pour tester l'outil ?
Oui — cliquez sur le bouton 'Exemple' pour charger un objet JSON prédéfini avec des structures imbriquées, des tableaux et plusieurs types de données.