JSON Preview
Prévisualisez du JSON en texte mis en forme, tableau, diagramme de relations ou arbre — changez de vue instantanément.
Entrée JSON
JSON embelli
Saisissez du JSON à gauche pour en voir l'aperçu.
Qu'est-ce que JSON Preview ?
JSON Preview est une façon tout-en-un de regarder un document JSON sans décider à l'avance de la vue dont vous avez besoin. Collez ou chargez n'importe quel JSON et il s'ouvre en texte mis en forme et indenté — la même forme que donnerait un formateur — mais un sélecteur au-dessus de l'aperçu vous laisse faire basculer le même document en tableau triable/recherchable, en diagramme de relations montrant comment les tableaux imbriqués se rattachent à leurs enregistrements parents, ou en arbre dépliable pour sauter directement vers une clé profondément imbriquée. Comme chaque vue lit la même entrée, pas besoin de recoller ou re-téléverser pour comparer des représentations — vous regardez simplement un même document à travers une lentille différente.
Comment utiliser JSON Preview
- Collez ou tapez du JSON dans la zone d'entrée à gauche — ou glissez un fichier .json dessus, ou chargez l'un des échantillons intégrés depuis la barre d'outils.
- Le panneau de droite s'ouvre sur « Beautify » par défaut : votre JSON réindenté et coloré syntaxiquement, avec un bouton de copie en un clic.
- Utilisez les onglets à icônes au-dessus de l'aperçu pour passer en Table (lignes et colonnes aplaties), vue Relationship (tables liées pour les tableaux imbriqués), ou Tree (arborescence dépliable et recherchable).
- Continuez d'éditer à gauche — chaque vue se met à jour en direct, pour que vous puissiez passer d'une représentation à l'autre en travaillant au lieu de vous engager sur une seule.
Exemples
Vue Beautify
Entrée
{"id":1,"name":"Ada Lovelace","roles":["admin","editor"]}
Sortie
{ "id": 1, "name": "Ada Lovelace", "roles": [ "admin", "editor" ] }
Vue Table (même entrée)
Entrée
[{"id":1,"name":"Ada"},{"id":2,"name":"Grace"}]
Sortie
Un tableau de 2 lignes et 2 colonnes (id, name) — triable, filtrable, exportable en CSV.
Erreurs courantes
- S'attendre à ce que la vue Table affiche en ligne les tableaux imbriqués un-à-plusieurs — ils deviennent leur propre table liée, visible dans la vue Relationship.
- Supposer qu'une erreur d'analyse dans une vue signifie que le JSON est entièrement invalide, alors qu'il peut simplement avoir une forme que les vues Table/Relationship ne peuvent pas représenter (la vue Tree l'affichera toujours).
- Ne pas vérifier la zone de recherche de la vue Tree quand on cherche une seule clé profondément imbriquée — c'est plus rapide que de déplier chaque niveau à la main.
Pourquoi utiliser cet outil
- Une entrée, quatre vues — pas besoin de recoller le JSON dans des outils formateur, tableau et arbre séparés pour comparer les représentations.
- S'exécute entièrement côté client, donc des réponses d'API sensibles ou de la configuration ne quittent jamais le navigateur.
- La vue relations détecte automatiquement les tableaux imbriqués un-à-plusieurs et schématise leur lien vers leur parent, ce qu'un tableau plat ou un simple formateur ne peut pas montrer.
- Le changement de vue est instantané et non destructif — utile pour expliquer la forme d'un JSON à un coéquipier sans exporter plusieurs fichiers.