Visualiseur JSON

Lire une charge utile inconnue

Si l’arbre bat le texte formaté, c’est parce qu’il montre la forme. Le texte indenté vous dit ce que contient le document ; l’arbre vous dit comment il est organisé, et c’est bien la question que vous vous posez quand une réponse arrive d’une API que vous n’avez pas écrite.

Un ordre de travail efficace pour un document jamais vu :

1. Collez-le. La racine s’ouvre automatiquement, ainsi que les petits objets enfants : la forme du premier niveau est visible sans un clic.
2. Lisez la barre d’état. Profondeur indique jusqu’où descend l’imbrication ; clés affiche le total face aux uniques, et un grand écart entre les deux signifie que vous regardez des enregistrements répétés plutôt qu’un large objet de configuration.
3. Si la racine est un tableau d’objets, passez en Tableau : comparer des enregistrements en lignes est bien plus simple qu’entre sous-arbres frères.
4. Cherchez le champ qui vous intéresse, puis utilisez copier-le-chemin sur la ligne pour obtenir l’accesseur pour votre code.

Ce que dit chaque ligne

• Les conteneurs repliés portent un compteur — 3 éléments ou 5 clés — pour juger si une branche mérite d’être ouverte avant de l’ouvrir.
• Les valeurs sont colorées par type et les chaînes gardent leurs guillemets. Un nombre affiché "42" est une chaîne, et cette distinction est souvent le bogue que vous traquez.
• null est affiché explicitement plutôt que sous forme de cellule vide, car un nul et une clé absente sont deux choses différentes.
• Chaque ligne a un bouton copier-la-valeur et copier-le-chemin. Copier-la-valeur donne le texte brut pour les chaînes et du JSON formaté pour les conteneurs.

Pourquoi les gros documents restent réactifs

Le visualiseur construit le DOM paresseusement. Un nœud replié ne contient aucun élément enfant, et l’ouvrir ne construit que ses enfants immédiats — 200 à la fois pour les grands tableaux. Un document de 20 Mo coûte donc une analyse et une poignée de lignes au premier affichage, au lieu de millions de nœuds que le navigateur devrait disposer avant de répondre.

Déplier est la seule opération réellement coûteuse : elle s’arrête à 20 000 nœuds et vous le signale. Pour lire tout le document, la vue texte formaté est le meilleur outil.

Lire du JSON arrivé dans une chaîne

Les chaînes de logs et les files de messages livrent régulièrement du JSON encodé en chaîne JSON, qui arrive sous cette forme : "{\"id\":7,\"ok\":true}". Collez-le et appuyez sur Déséchapper : la chaîne externe est analysée, le document interne décodé et l’arbre dessine la structure réelle. L’opération se répète pour les charges encodées plusieurs fois.