Affichez, validez et inspectez des documents JSON avec tri de clés optionnel et contrôles de repli/dépli.
Affichez, validez et inspectez des documents JSON avec tri de clés optionnel et contrôles de repli/dépli. Affichez, validez et inspectez des documents JSON avec tri de clés optionnel et contrôles de repli/dépli.
JSON (JavaScript Object Notation) est le format texte le plus courant pour échanger des données structurées sur le web : fichiers de configuration, réponses d'API, journaux, magasins de documents, et bien plus. Il est compact, lisible par l'humain et trivialement analysable par une machine, c'est pourquoi presque chaque service moderne le parle.
Un document JSON brut est rarement utile en soi. Les API et outils émettent souvent une seule longue ligne sans espacement, car c'est la représentation la plus courte. Quand vous ouvrez un tel document dans un éditeur, il est difficile à parcourir, difficile de repérer les crochets désappariés, et facile de perdre votre place en comptant les accolades. Un visualiseur JSON résout cela en ré-émettant le document avec une indentation cohérente si bien que la structure devient évidente d'un coup d'œil.
L'affichage pretty-print vous laisse choisir une taille d'indentation (souvent deux ou quatre espaces) et restitue immédiatement le document. Certains visualiseurs permettent aussi de trier les clés par ordre alphabétique, ce qui est précieux quand on compare deux charges utiles du même service : quand les clés s'alignent verticalement, vous pouvez repérer les différences de valeurs sans chercher par position. Une ligne de statistiques rapportant le nombre d'octets et le nombre de nœuds aide quand vous allez coller une charge utile dans un formulaire limité à 1 Mo : elle vous dit exactement sa taille sans ouvrir de terminal.
Un visualiseur est aussi un validateur. L'acte d'analyser avec JSON.parse lève une erreur descriptive pointant vers la ligne et la colonne exactes du premier jeton invalide, si bien que vous voyez immédiatement pourquoi votre document refuse de se charger. La plupart des outils de production produisent des erreurs au même endroit, aussi le message que vous voyez ici correspond à ce que diraient votre backend, votre framework frontend ou votre pipeline de build.
Utilisez les contrôles de repli/dépli pour vous concentrer sur le niveau supérieur d'un document profondément imbriqué, descendez jusqu'à la section qui vous intéresse, et copiez la branche dont vous avez besoin. Si vous déboguez une réponse d'API, triez les clés avant de comparer pour que les insertions et suppressions à des positions différentes ne perturbent pas votre regard. En cas de doute, collez le document dans un nouvel onglet, ajustez le formatage, et utilisez la sortie comme version canonique pour la documentation ou les messages de commit.