Visualisez, formatez et explorez les données JSON dans un arbre interactif pliable. Gratuit, sécurisé et aucun téléversement requis.
Ou collez du texte JSON ci-dessous
Les visionneuses d'arborescence JSON affichent les données JSON sous la forme d'une arborescence hiérarchique navigable plutôt que sous forme de texte brut. Chaque objet devient une branche pliable ; les tableaux affichent leurs éléments individuellement ; les valeurs primitives apparaissent sous forme de feuilles. La vue structurelle facilite la recherche de champs spécifiques dans des données profondément imbriquées, la réduction des sous-arborescences non pertinentes et la navigation dans des documents JSON volumineux qui seraient ingérables sous forme de texte plat.
Par rapport au texte JSON formaté, les arborescences excellent dans la navigation dans les données volumineuses. Il n'est pas pratique de faire défiler une réponse API de 10 Mo sous forme de texte, mais elle peut être traitée sous la forme d'une arborescence dans laquelle vous réduisez les clés de niveau supérieur qui ne vous intéressent pas et développez uniquement les parties qui vous intéressent.
Cette visionneuse affiche JSON dans une arborescence structurée dans votre navigateur. La recherche filtre les branches par clé ou par valeur. L'affichage sensible au type distingue les chaînes, les nombres, les booléens, les valeurs nulles, les objets et les tableaux.
Les données profondément imbriquées sont difficiles à parcourir sous forme de texte. Les fichiers de configuration, les réponses API et l'état sérialisé ont souvent plus de 5 niveaux d'imbrication. Une arborescence vous permet de réduire les niveaux non pertinents et de vous concentrer sur ce qui compte ; les vues de texte nécessitent un défilement minutieux et un comptage des parenthèses.
Les capacités de recherche et de filtrage sont également importantes. La recherche de toutes les clés nommées « user_id » dans un document complexe est rapide grâce à une visionneuse prenant en charge la recherche ; impossible à faire de manière fiable avec du texte brut.
Collez JSON, parcourez l'arborescence.
L'analyse JSON utilise JSON.parse, qui échoue en cas d'entrée non valide avec une erreur d'analyse pointant vers l'emplacement du problème. Un JSON valide est restitué en un objet JavaScript que le spectateur parcourt de manière récursive pour produire l'arborescence.
Rendu : chaque niveau d'imbrication devient une branche en retrait. Les clés d'objet sont des étiquettes ; les valeurs sont rendues en fonction du type : chaînes entre guillemets, nombres sans, booléens comme vrai/faux, null explicitement, objets et tableaux sous forme de branches pliables.
Performances : un JSON très volumineux (10 Mo+) peut ralentir le rendu. L'expansion paresseuse (rendre uniquement les branches actuellement visibles) est utile. La recherche dans des documents volumineux peut prendre un temps considérable ; l'indexation de l'arbre lors de la première analyse est utile.