Visionneuse JSON locale interactive

Visualiseur JSON en arborescence

Explorez les objets et tableaux JSON, ouvrez les branches et copiez le chemin des valeurs.

Traitement local · privé

JSON en entréeLigne 1 · 0 B

Arbre JSON

Ajoutez un JSON valide pour explorer sa structure.

Traité dans votre navigateur

Validation JSON standard

Copiez des chemins JSON précis

01 — 03

Explorez le JSON imbriqué en trois étapes

Le JSON est vérifié avant le traitement. Une erreur de syntaxe produit un message explicatif plutôt qu’un résultat incomplet.

Ajoutez votre JSON

Collez un document, chargez l'exemple ou choisissez un fichier .json local.

Choisissez votre opération

Ouvrez l’arborescence pour parcourir les valeurs et copier leurs chemins.

Copiez ou téléchargez le résultat

Vérifiez le résultat, puis copiez-le ou téléchargez-le en UTF-8. Pour le visualiseur, vous pouvez aussi copier le chemin d’une valeur.

EXEMPLES ET SYNTAXE

Entrée, résultat et erreurs fréquentes

Le traitement conserve les valeurs JSON et adapte leur présentation à l’opération choisie.

ENTRÉE

{
  "site": "jsonminify.org",
  "enabled": true,
  "items": [1, 2]
}

RÉSULTAT

Objet
├─ site: jsonminify.org
├─ enabled: true
└─ items: Tableau(2)

CasSyntaxe valideExplication

Clés d’objet{"name":"value"}

Les clés et les chaînes exigent des guillemets doubles.

Tableaux[1, 2, 3]

Les éléments conservent leur ordre.

Valeurs primitivestrue · false · null

Ces valeurs sont en minuscules, sans guillemets.

Espacesspace · tab · line break

Facultatifs entre les éléments ; significatifs dans les chaînes.

Exemple de JSON invalide{ "enabled": true, }

Une virgule finale est autorisée dans certains contextes JavaScript, mais pas en JSON. Supprimez-la avant le traitement.

POURQUOI JSONMINIFY.ORG

Voir la structure au lieu de scanner le texte

L'arborescence rend visibles la hiérarchie et les types de valeurs sans modifier le document d'origine.

Branches pliables

Concentrez-vous sur une partie d'un objet volumineux en développant et en réduisant les tableaux et les objets imbriqués.

Vérification de la syntaxe JSON

Les commentaires, virgules finales et clés sans guillemets sont signalés comme des erreurs de JSON standard.

Des mesures de taille utiles

Les chaînes, les nombres, les booléens et les valeurs nulles utilisent des étiquettes distinctes et des couleurs de syntaxe lisibles.

UTILISATIONS COURANTES

Quand un arbre JSON est plus simple qu'un texte brut

La navigation dans l'arborescence est utile lorsque la question est de savoir où se trouve une valeur, comment les éléments sont regroupés ou quelle branche contient un résultat inattendu.

Données d’API

Préparez ou examinez des exemples de requêtes et de réponses JSON avant de les réutiliser.

Configuration d’application

Vérifiez la syntaxe et la structure des paramètres avant de les intégrer à une application.

Jeux de données de test

Préparez des exemples reproductibles et examinez les différences sans envoyer vos données à un serveur.

RÉFÉRENCE JSON

Lecture de l'arborescence JSON et des chemins copiés

Le visualiseur représente la valeur analysée sous forme de branches extensibles et utilise une notation de chemin prévisible pour les objets et les tableaux.

Les objets deviennent des branches nommées

Chaque propriété d'objet apparaît sous sa clé parent. Les clés de type identifiant utilisent la notation par points dans les chemins copiés, tels que $.user.name.

Les tableaux utilisent des index numériques

Les éléments du tableau apparaissent dans leur ordre d'origine et utilisent des index entre crochets tels que $.items[0]. Un chemin copié identifie un poste, pas un ID d'enregistrement permanent.

Les touches complexes utilisent la notation entre parenthèses

Les touches contenant des espaces, des signes de ponctuation ou d'autres caractères gênants en notation par points sont entre parenthèses, par exemple $["display name"].

Les grands arbres utilisent toujours la mémoire de l'appareil

Le traitement reste local, mais l'analyse et le rendu de documents volumineux consomment la mémoire du navigateur. Réduisez les branches et évitez d’ouvrir chaque nœud sur les appareils à mémoire limitée.

FAQ

Questions sur le traitement JSON

Comment le visualiseur représente les données imbriquées tout en gardant la source locale et inchangée.

Mon JSON est-il envoyé à un serveur ?

Le texte collé et les fichiers locaux sont traités dans votre navigateur. Si vous chargez une URL, votre navigateur contacte directement le site indiqué ; celui-ci doit autoriser CORS.

Quelle notation de chemin copie-t-il ?

Il utilise une racine en signe dollar, une notation par points pour les clés de type identifiant, une notation par parenthèses pour les autres clés et des parenthèses numériques pour les index de tableau.

Le spectateur peut-il ouvrir chaque branche ?

Oui. Utilisez Développer tout pour ouvrir l’arborescence complète ou Réduire tout pour revenir à la vue racine.

L'arborescence JSON est-elle générée localement ?

Oui. L'analyse, le rendu de l'arborescence et la copie de chemin s'exécutent entièrement dans votre navigateur.