Comment obtenir des arbres JSON faciles à lire avec cette extension Chrome gratuite (ou plug-in Firefox)

JSON est un format de fichier très populaire. Parfois, nous pouvons avoir un objet JSON dans un onglet de navigateur que nous devons lire et cela peut être difficile.

Il se peut que nous devions chercher un outil en ligne qui le transforme en un format facile à lire afin de pouvoir le comprendre.

Maintenant, voici une extension Chrome et Firefox qui fait le formatage et rend vos JSON instantanément jolis dans votre navigateur, sans avoir à effectuer de nombreuses étapes inutiles.

Il prend en charge JSON et JSONP et met en évidence la syntaxe afin que vous puissiez différencier différents attributs et valeurs en conséquence. Il est également livré avec la possibilité de réduire les nœuds, des URL cliquables que vous pouvez ouvrir dans de nouveaux onglets et vous voyez le JSON brut et non formaté.

Il fonctionne avec n'importe quelle page JSON, quelle que soit l'URL que vous avez ouverte. Il fonctionne également avec les fichiers locaux, une fois que vous l'avez activé dans chrome://extensions. Vous pouvez inspecter le JSON en tapant jsondans la console.

Vous pouvez installer l'extension en allant ici pour Chrome et ici pour Firefox, puis la tester, par exemple, en visitant cette réponse API.

Voici à quoi cela ressemble, avant le formatage:

Maintenant, jetez un œil à la belle réponse JSON que vous obtenez avec JSON Formatter:

Voici un conseil de pro: maintenez la touche CTRL (ou CMD sur Mac) enfoncée tout en réduisant un arbre, si vous souhaitez également réduire tous ses frères et sœurs.

C'est un projet open-source, vous pouvez donc afficher son code source sur GitHub.

Merci d'avoir lu.