Visionneuse JSON en ligne
Arbre, table et éditeur
Cette visionneuse JSON en ligne montre vos données sous forme d'arbre que vous pouvez ouvrir et fouiller, ou de table. Ensuite, cliquez sur une ligne pour copier son chemin ou changer sa valeur. Par ailleurs, tout tourne dans votre onglet.
- GratuitPrix
- 2Vues
- AucuneInscription
- AucuneEnvois
Visionneuse et éditeur JSON
Lisez du JSON en arbre ou en table, cherchez dedans et modifiez-le
- Clés
- 0
- Profondeur
- 0
- Taille
- 0 B
- Chaînes
- 0
- Nombres
- 0
- Autres valeurs
- 0
Un JSON valide apparaît ici sous forme d'arbre que vous pouvez ouvrir, fouiller et modifier.
Cliquez sur une ligne de l'arbre pour la lire, copier son chemin ou la modifier.
Prêt. Collez du JSON, ouvrez un fichier ou essayez l'exemple.
À quoi sert une visionneuse JSON en ligne
Cette visionneuse JSON en ligne transforme un mur d'accolades en quelque chose de lisible. Collez vos données, et elles apparaissent en arbre. Ouvrez une branche, fermez-la, cherchez dedans ou modifiez-la.
D’ailleurs, JSON est la façon dont la plupart des applis se parlent. Une API l'envoie, un fichier de configuration le stocke et un outil de journaux l'imprime. Pourtant, une réponse brute est difficile à parcourir. Une seule longue ligne cache tout.
Voilà pourquoi une visionneuse aide. Elle montre d'abord la forme, puis le détail. Vous voyez que orders contient une liste, que chaque commande a un client et qu'un prix manque.
Le format est simple, et la RFC 8259 le décrit. Pourtant, de petites erreurs le cassent. Une virgule égarée suffit. Ainsi, c'est pourquoi cette page trouve aussi la ligne exacte de chaque erreur.
Lire le JSON comme un arbre
L'arbre est le cœur de cette visionneuse d'arbre JSON. Chaque objet et chaque liste reçoivent une ligne avec une petite flèche. Cliquez sur la flèche, et la branche s'ouvre.
En effet, la couleur aide à parcourir le texte. Les chaînes sont en vert, les nombres en bleu, et true, false et null en violet. Les clés ressortent en gras. De plus, une branche fermée indique combien de clés ou d'éléments elle contient.
Vous pouvez aussi utiliser le clavier. De plus, les flèches déplacent la sélection, Droite ouvre une branche et Gauche la ferme. Début et Fin sautent à la première et à la dernière ligne.
Passer à une table
Certains JSON sont en réalité un tableur déguisé. Une liste de produits, d'utilisateurs ou de commandes a les mêmes clés dans chaque enregistrement. Par ailleurs, une table le montre d'un coup d'œil.
Cliquez sur Table et chaque enregistrement devient une ligne. Chaque clé devient une colonne. Cliquez sur un en-tête pour trier selon lui. Si vous cliquez sur une ligne, l'inspecteur en dessous ouvre cet enregistrement.
Si votre JSON est un grand objet, sélectionnez d'abord la liste qu'il contient. Ainsi, la table suit votre sélection.
Une recherche qui ouvre les bonnes branches
Les gros fichiers cachent ce qu'il vous faut. D’ailleurs, tapez un mot dans la zone de recherche, et chaque résultat s'allume. De plus, la visionneuse ouvre chaque branche en chemin, donc rien ne reste enfoui.
Choisissez où chercher. Vous pouvez chercher dans les clés et les valeurs, dans les clés seules ou dans les valeurs seules. Appuyez sur Entrée pour passer au résultat suivant, et sur Maj avec Entrée pour revenir.
Le compteur à côté de la zone indique combien il y a de résultats. Ainsi, il s'arrête à deux mille, ce qui garde la page rapide.
Modifier sans toucher au texte
C'est aussi un éditeur JSON en ligne. Cliquez sur une ligne, et l'inspecteur montre sa clé, son type et sa valeur. Changez ce qu'il faut et cliquez sur Appliquer.
Vous pouvez renommer une clé, changer une chaîne en nombre ou transformer une valeur en liste. En effet, vous pouvez ajouter une clé dans un objet, dupliquer une ligne ou la monter et la descendre. Supprimer l'enlève.
De plus, chaque changement réécrit aussitôt le texte de gauche. Si vous vous trompez, cliquez sur Annuler. L'historique garde vos cent dernières étapes.
Réparer du presque-JSON
Les gens collent des textes qui ressemblent à du JSON sans en être. Une configuration avec des commentaires. Un dictionnaire Python. De plus, une réponse copiée d'un chat avec une clôture de code autour.
Cliquez sur Réparer et l'outil corrige les problèmes courants. Il retire les commentaires et les virgules finales, et met des guillemets aux clés nues. Il change les guillemets simples en guillemets doubles, et True et None en true et null.
Ensuite, il liste chaque changement. Lisez cette liste. Une réparation est une supposition, et vous devez savoir ce qui a été supposé.
Copier un chemin en un clic
Par ailleurs, sélectionnez une ligne et le chemin apparaît sous l'arbre. Copiez-le en JSONPath, par exemple $.products[0].price. Ou copiez-le en JavaScript, par exemple data.products[0].price.
Les grands nombres restent exacts
Beaucoup de visionneuses transforment chaque nombre en double. Alors un identifiant comme 12345678901234567890 devient en silence 12345678901234567000. Celle-ci garde chaque nombre tel que vous l'avez écrit. C'est important, car la modification revient dans votre texte sans dégât.
Sur cette page
- L’outil
- À quoi sert une visionneuse JSON en ligne
- Utiliser la visionneuse JSON, pas à pas
- Ce que cette visionneuse JSON fait autrement
- Habitudes pour travailler avec JSON en sécurité
- Erreurs JSON courantes que cette visionneuse repère
- Questions fréquentes sur la visionneuse JSON
- Des compagnons utiles pour travailler avec JSON
Continuer
Utiliser la visionneuse JSON, pas à pas
Par ailleurs, quatre étapes vous mènent du texte brut à une valeur modifiée. Ensuite, la recherche et la table accélèrent le reste.
- 1
Collez ou ouvrez votre JSON
Tapez dans la zone, collez depuis le presse-papiers ou ouvrez un fichier
.json. Votre onglet lit le fichier. Il ne quitte jamais votre appareil. - 2
Lisez-le en arbre
L'arbre se dessine pendant que vous tapez. D’ailleurs, ouvrez une branche avec sa flèche, ou utilisez la liste Ouvrir des niveaux pour en montrer deux, trois ou quatre à la fois.
- 3
Cherchez ou passez à une table
Cherchez dans les clés et les valeurs, ou cliquez sur Table pour voir une liste d'enregistrements en colonnes. Cliquez sur un en-tête pour trier.
- 4
Sélectionnez une ligne pour copier ou modifier
Copiez son chemin ou sa valeur. Ou changez la clé, le type et la valeur, puis cliquez sur Appliquer. Ainsi, le texte de gauche se met à jour aussitôt.
- 5
Copiez ou téléchargez le résultat
Formatez, minifiez ou triez d'abord les clés si vous le voulez. Copiez ensuite le JSON ou enregistrez-le en fichier.
Ce que cette visionneuse JSON fait autrement
Beaucoup de visionneuses montrent un arbre. Voici où celle-ci va plus loin.
Arbre, table et texte, ensemble
Le texte, l'arbre et la table sont trois vues d'un seul modèle. Modifiez l'une, et les autres suivent.
Emplacement exact des erreurs
Quand le JSON a un défaut, vous obtenez la ligne, la colonne et un signe sous le problème. Les navigateurs vous donnent rarement cela.
Une réparation qui s'explique
Le bouton de réparation corrige les commentaires, les guillemets et les virgules. Ensuite, il liste chaque changement, donc rien ne se passe dans votre dos.
Les nombres ne changent jamais
Les longs identifiants et les prix gardent chaque chiffre. La visionneuse ne transforme jamais vos données en suppositions à virgule flottante.
Pensée pour le clavier
Les flèches, Début, Fin et Entrée fonctionnent toutes. De plus, chaque commande a une étiquette, donc un lecteur d'écran peut aussi s'en servir.
Rien ne quitte votre onglet
Les réponses d'API contiennent souvent des données privées. Comme votre navigateur fait tout le travail, rien n'arrive sur ce site.
Habitudes pour travailler avec JSON en sécurité
Une visionneuse rend le JSON facile à lire. De plus, ces habitudes le gardent correct.
- Regardez la forme avant le détail. Ouvrez d'abord un niveau. Vérifiez que les clés du haut sont celles que vous attendez. Descendez ensuite là où il le faut.
- Gardez une copie avant une grosse modification. Copiez le texte d'origine en lieu sûr. Annuler est pratique, mais un fichier enregistré est plus sûr.
- Cherchez la clé, pas seulement la valeur. Une valeur comme 0 correspond à des centaines de lignes. En revanche, une clé comme
discountn'en trouve en général que quelques-unes. - Utilisez la table pour les listes d'enregistrements. Trier une colonne trouve le prix le plus haut ou la date la plus ancienne en deux clics. Un arbre vous oblige à le chercher.
- Copiez les chemins au lieu de les taper. Une faute dans un chemin ne renvoie rien, et rien ressemble à un succès. Copiez le chemin depuis la ligne que vous voyez.
- Vérifiez les types après la modification. La chaîne
"42"et le nombre42sont différents. Beaucoup d'API refusent le mauvais. - Triez les clés avant de comparer deux fichiers. L'ordre des clés ne change pas le sens. Pourtant, il change une comparaison de texte. Trier les deux fichiers d'abord supprime le bruit.
- Traitez la réparation comme un premier brouillon. Lisez la liste des corrections. Si l'une semble fausse, cliquez sur Annuler et corrigez cet endroit à la main.
- Retirez les secrets avant de partager un exemple. Les jetons et les e-mails se cachent dans les réponses d'API. Supprimez-les dans l'arbre, puis copiez le texte propre.
- Minifiez seulement pour la copie finale. Gardez la version indentée pendant que vous travaillez. Écrasez-la sur une ligne quand vous l'envoyez.
Erreurs JSON courantes que cette visionneuse repère
D’ailleurs, chacune casse un analyseur. La visionneuse nomme l'endroit, donc la correction prend quelques secondes.
Une virgule finale
Une virgule après le dernier élément est permise en JavaScript. En JSON, c'est une erreur. Réparer la retire.
Guillemets simples autour du texte
JSON exige toujours des guillemets doubles. Ainsi, les guillemets simples marchent en Python et en JavaScript, alors on les colle par habitude.
Clés sans guillemets
Écrire
{name: "Ali"}est permis dans le code. En JSON, en revanche, la clé doit être"name".Commentaires dans le fichier
JSON n'a aucune syntaxe de commentaire. Une note dans un fichier de configuration arrête un analyseur strict.
Clés en double
Le format les permet, mais la plupart des lecteurs ne gardent que la dernière. En effet, la visionneuse affiche un avertissement, pour que vous décidiez.
Valeurs Python
True, False et None ne sont pas du JSON. Les mots doivent être true et false en minuscules, et None devient null.
Questions fréquentes sur la visionneuse JSON
Cette visionneuse JSON en ligne est-elle vraiment gratuite ?
Oui. Elle ne coûte rien, n'exige aucun compte et n'impose aucune limite d'usage. Comme elle tourne dans votre navigateur, nous n'avons aucun coût de serveur à vous répercuter.
Mon JSON quitte-t-il mon appareil ?
Non. Votre navigateur le lit, le dessine et le modifie. Par ailleurs, rien n'arrive sur ce site et nous ne gardons rien. De plus, fermer l'onglet efface tout.
Quelle taille de fichier peut-elle ouvrir ?
Elle ouvre des fichiers jusqu'à dix mégaoctets depuis le disque. Le texte collé peut aussi être volumineux. Comme l'arbre ne dessine que les branches que vous ouvrez, les gros fichiers restent rapides.
Quelle différence entre l'arbre et la table ?
D’ailleurs, l'arbre montre n'importe quel JSON, niveau par niveau. La table, en revanche, convient à une liste d'enregistrements qui partagent les mêmes clés. Choisissez la vue qui montre le mieux vos données.
Puis-je modifier des valeurs sans toucher au reste ?
Oui. Sélectionnez la ligne, changez la valeur et cliquez sur Appliquer. Seule cette valeur change. Ainsi, le texte de gauche se met à jour, et tout le reste demeure tel quel.
Que corrige le bouton Réparer ?
Il corrige les commentaires, les virgules finales, les guillemets simples, les clés sans guillemets, les virgules manquantes, les valeurs Python et les crochets non fermés. En outre, il liste chaque changement.
Pourquoi dit-elle que mon JSON est invalide alors qu'il marche dans mon code ?
JavaScript est plus tolérant que JSON. En effet, les commentaires, les guillemets simples et les virgules finales passent dans le code, mais échouent en JSON strict. Réparer peut les corriger.
Qu'est-ce qu'un JSONPath ?
C'est une adresse pour une valeur dans le JSON. Par exemple, <code>$.store.name</code> désigne la clé name dans l'objet store. Beaucoup d'outils l'acceptent.
La visionneuse change-t-elle mes nombres ?
Non. Chaque nombre reste exactement tel que vous l'avez écrit. Les longs identifiants gardent tous leurs chiffres, ce que beaucoup d'autres visionneuses ne peuvent pas promettre.
Puis-je voir du JSON depuis un fichier ou un lien ?
De plus, vous pouvez ouvrir un fichier avec le bouton Ouvrir un fichier. Un lien obligerait à récupérer un autre site, ce qu'une page de navigateur ne peut pas faire en toute sécurité. Collez donc le texte de la réponse.
Fonctionne-t-elle sur un téléphone ?
Oui. Les deux panneaux s'empilent, l'arbre défile et les boutons sont assez grands pour être touchés. Pour une longue modification, un clavier reste pourtant plus confortable.
Des compagnons utiles pour travailler avec JSON
Lire du JSON est une étape. De plus, ces trois outils s'occupent des étapes autour.
Formateur JSON
Embellissez, minifiez et validez avec la ligne exacte de chaque erreur.
Ouvrir l’outil →Convertisseur JSON vers CSV
Aplatissez une liste d'enregistrements en lignes pour un tableur.
Ouvrir l’outil →Convertisseur XML vers JSON
Amenez un flux XML en JSON, puis explorez-le ici.
Ouvrir l’outil →
Prêt à lire du JSON ?
Collez vos données, ouvrez les branches et changez ce qu'il faut. De plus, la visionneuse JSON est gratuite, n'exige aucun compte et garde chaque octet sur votre appareil.