Visionneuse JSON
Explorez un document JSON sous forme d’arbre dépliable plutôt que d’un mur de texte, avec un résumé de sa structure.
Traité localement dans votre navigateur· Vos données restent dans votre navigateur.
Qu'est-ce que Visionneuse JSON ?
Une visionneuse JSON présente les données imbriquées comme on les imagine : des objets et des tableaux que l’on ouvre et ferme, avec clés, valeurs et nombres d’éléments visibles à chaque niveau. C’est le moyen le plus rapide de comprendre la forme d’une réponse d’API inconnue ou d’un gros fichier de configuration.
Cette visionneuse valide votre entrée avec un analyseur strict, affiche les données dans un arbre repliable et ajoute un résumé : type racine, taille du premier niveau, nombre total de clés, profondeur, taille en octets et nombre d’objets, de tableaux, de chaînes, de nombres, de booléens et de null.
Comment ça marche ?
- Collez votre JSON ou ouvrez un fichier.
- Dépliez et repliez les nœuds de l’arbre pour descendre jusqu’à la partie qui vous intéresse.
- Consultez le résumé pour la profondeur, le nombre de clés et la répartition des types de valeurs.
- Copiez un chemin ou une valeur pour votre code, ou passez à Chercheur JSONPath pour interroger les données.
Cas d'usage courants
- Comprendre la structure d’une grosse réponse d’API tierce.
- Retrouver un champ profondément imbriqué dans une configuration ou un fichier GeoJSON.
- Vérifier combien d’éléments contient un tableau sans le faire défiler.
- Partager un aperçu structurel d’une charge utile pendant une revue de code.
Exemples
Essayez cette saisie dans l'outil ci-dessus :
{"user":{"id":7,"name":"Ada","roles":["admin","dev"],"prefs":{"theme":"dark","beta":true}},"items":[{"sku":"A1","qty":2},{"sku":"B2","qty":1}],"total":42.5}Type racine: objet Clés de premier niveau: 3 Nombre total de clés: 13 Profondeur: 3 Taille: 156 B (156 bytes) Valeurs: 5 objects · 2 arrays · 6 strings · 4 numbers · 1 booleans · 0 null
Confidentialité
Visionneuse JSON s'exécute entièrement dans votre navigateur. Le texte ou les fichiers que vous fournissez sont traités sur votre appareil et ne sont ni envoyés, ni journalisés, ni stockés sur nos serveurs.
Limites
L’arbre affiche des nombres JavaScript : les entiers supérieurs à 9 007 199 254 740 991 apparaissent arrondis (un avertissement s’affiche). Utilisez le formateur JSON pour les garder exacts.
Questions fréquentes
Peut-elle ouvrir de très gros fichiers JSON ?
Oui, dans les limites de la mémoire du navigateur. Au-delà de quelques centaines de kilo-octets, le traitement se fait dans un worker, mais déplier des milliers de nœuds d’un coup peut rester lent.
Que signifient les chiffres du résumé ?
Le total des clés compte chaque nom de propriété à tous les niveaux, la profondeur est l’imbrication maximale d’objets et de tableaux, et les décomptes indiquent combien de chaînes, nombres, booléens et null contient le document.
Les données sont-elles envoyées à un serveur ?
Non. L’arbre est construit dans votre navigateur et rien ne quitte votre appareil.
Outils associés
Formateur JSON
Transformez un JSON minifié ou brouillon en texte lisible et bien indenté, avec un message d’erreur précis si le JSON est invalide.
JSON & données
Chercheur JSONPath
Saisissez une expression JSONPath et voyez aussitôt les valeurs qu’elle sélectionne dans votre JSON, avec le chemin normalisé de chaque résultat.
JSON & données
Validateur JSON
Vérifiez qu’un texte est du JSON valide et repérez le caractère exact où il déraille.
JSON & données
JSON vers TypeScript
Collez un exemple de JSON et obtenez des déclarations TypeScript prêtes à l’emploi qui décrivent sa structure.
JSON & données
Trier les clés JSON
Réordonnez alphabétiquement les clés de chaque objet JSON pour obtenir un document stable et canonique.
JSON & données
Comparateur JSON (diff)
Collez deux documents JSON et voyez ce qui a changé dans les données, quels que soient l’ordre des clés ou l’indentation.
JSON & données
Calculateur de taille JSON
Collez un document JSON pour voir combien d’octets il pèse vraiment, ce que gagnent la minification et gzip, et quelles valeurs occupent le plus de place.
JSON & données