TontonTools

Visionneuse JSON

Affichez JSON sous forme d'arborescence pliable : explorez visuellement les données imbriquées.

100% Gratuit Pas d'inscription Respectueux de la vie privée Développement web
Mise à jour sept. 2026
✓ Valid JSON ✗ Invalid

Share X / Twitter Facebook LinkedIn WhatsApp

Comment utiliser Visionneuse JSON

  1. Collez votre JSON — une réponse API, une configuration ou une exportation.
  2. Explorez l'arborescence : cliquez pour développer les objets et les tableaux, réduisez ce dont vous n'avez pas besoin.
  3. Suivez le chemin d'accès à votre valeur — le chemin de branchement est le chemin d'accès de votre code.
  4. Si rien ne s'affiche, le JSON n'est pas valide — le validateur JSON nommera le chemin exact erreur.

Qu'est-ce que Visionneuse JSON ?

Une visionneuse JSON affiche un document sous la forme d'une arborescence interactive : les objets et les tableaux deviennent des branches pliables, les valeurs sont saisies au niveau des feuilles et l'imbrication sur cinq niveaux devient quelque chose dans lequel vous pouvez réellement naviguer. Il répond à la question pour laquelle le JSON brut est le pire : quelle est la structure de cette chose ?

Même un JSON joliment imprimé échoue au-delà d'une certaine taille : une réponse API de 2 000 lignes est techniquement lisible et pratiquement opaque. L'arbre inverse le modèle de lecture : réduisez tout, ouvrez uniquement le chemin que vous suivez et la forme du document se révèle niveau par niveau.

À propos de Visionneuse JSON

Collez JSON et explorez-le sous forme d'arborescence : développez et réduisez les branches, analysez les longueurs de tableau et les clés d'objet d'un seul coup d'œil, et explorez exactement le chemin qui vous intéresse.

Les utilisations quotidiennes : comprendre la forme de réponse d'une API inconnue avant d'écrire du code dessus (quel est le chemin d'accès à la valeur – data.items[0].price ou data.results.prices ?) ; vérifier qu'une charge utile contient ce qu'elle devrait là où elle devrait ; expliquer une structure de données à un coéquipier sans lui faire analyser les accolades ; et les exportations de configuration de spéléologie ou les entrées de journal dont la profondeur va à l'encontre d'un éditeur de texte.

Un JSON invalide ne peut pas devenir un arbre — si le collage échoue, exécutez-le via le validateur JSON pour trouver d'abord l'erreur de syntaxe. Tout s'affiche localement dans votre navigateur ; les charges utiles privées restent privées.

Foire aux questions

Interactivité : le formatage ajoute une indentation, un visualiseur ajoute un repli/développement. Pour 50 lignes, c'est équivalent ; pour 5 000, tout réduire sauf votre chemin fait la différence entre la lecture et le défilement.
Développez de la racine à la valeur et lisez la trace : racine → données → éléments → [0] → prix devient data.items[0].price dans le code. L'arbre EST la notation du chemin, dessinée.
Il n'analyse pas - une erreur de syntaxe quelque part (virgule finale, guillemets simples, collage tronqué sont typiques). Validez-le d’abord ; l'arborescence nécessite un JSON valide comme entrée.
Oui, le rendu réduit gère confortablement les documents à l'échelle du mégaoctet, et le mode replié permet de numériser même d'énormes tableaux en fonction de leur longueur et de leur premier élément.
Non : l'analyse et le rendu s'effectuent dans votre navigateur. Les réponses API avec des données utilisateur réelles ou des jetons ne quittent jamais votre machine.

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.