Comment utiliser : Visualiseur JSON
- Collez du JSON ou ouvrez un fichier
.json. - Cliquez sur ▸ pour développer les objets et tableaux, ou utilisez Tout développer.
- Recherchez pour mettre en évidence les clés et valeurs correspondantes.
- Cliquez sur une valeur pour voir et copier son chemin, par exemple
$.items[0].sku.
Pourquoi utiliser un visualiseur JSON en arborescence ?
Un JSON mis en forme est lisible pour les petits documents, mais les réponses d'API, les journaux et les exports atteignent souvent plusieurs milliers de lignes. Une vue en arborescence montre d'abord la structure : vous voyez que items est un tableau de 250 objets sans avoir à faire défiler, puis vous ouvrez uniquement la branche qui vous intéresse.
Fonctionnalités
- Nœuds pliables avec le nombre d'éléments et de clés pour chaque objet et tableau.
- Couleurs par type : les chaînes, nombres, booléens et
nullse distinguent facilement. - Recherche qui met en évidence les clés et valeurs correspondantes et ouvre les branches qui les contiennent.
- Chemins : cliquez sur une valeur pour obtenir son JSONPath (
$.customer.address.city), prêt à être utilisé avecjq, JavaScript ou des outils d'automatisation. - Statistiques : nombre total de valeurs, profondeur d'imbrication et taille.
Utiliser le chemin
| Outil | Le chemin $.items[0].sku devient |
|---|---|
| JavaScript | data.items[0].sku |
| jq | .items[0].sku |
| Python | data["items"][0]["sku"] |
| Make / Zapier | items[1].sku (base 1) |
Pour des correspondances sans code, le chercheur de chemin JSON génère les chemins aux formats Make, Zapier et n8n. Pour corriger un JSON invalide, utilisez le formateur JSON ; pour comparer deux documents, le comparateur JSON.
Aussi recherché comme : visualiseur json en ligne, explorateur json, arborescence json, afficher json, trouver chemin jsonpath, ouvrir fichier json.
Outils complémentaires : Visualiseur JSON
- JSON vers TypeScript — Collez un exemple JSON, comme une réponse d’API ou un fichier de configuration, et obtenez des interfaces TypeScript prêtes à l’emploi, avec types imbriqués, propriétés optionnelles et types union.
- XML vers JSON — Transformez du XML (réponses d’API, flux RSS, messages SOAP, sitemaps ou fichiers de configuration) en JSON propre, exploitable en JavaScript, en Python ou dans n’importe quelle API REST.
- Validateur JSON Schema — Collez un schéma et du JSON pour voir précisément quelles valeurs enfreignent quelle règle, ou générez un schéma de départ à partir de données d'exemple.
- Testeur JSONPath — Saisissez une requête JSONPath et voyez immédiatement ce qu'elle sélectionne, avec le chemin exact de chaque résultat.
Questions fréquentes
Peut-il ouvrir de gros fichiers JSON ?
Oui. Les fichiers de plusieurs mégaoctets fonctionnent bien ; les très gros fichiers (50 Mo et plus) peuvent être lents, car toute l'arborescence est construite dans votre navigateur.
Mon JSON est-il envoyé sur un serveur ?
Non. L'analyse et l'affichage se font localement, dans votre navigateur.
Qu'est-ce qu'un JSONPath ?
Une chaîne qui désigne une valeur à l'intérieur d'un document JSON, commençant par
$ pour la racine, par exemple $.items[0].price.Puis-je installer Visualiseur JSON en tant qu’application web et l’utiliser hors ligne ?
Oui. Visualiseur JSON est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.