7 outils pour modifier les fichiers JSON dans Google Chrome

Le format JSON est dérivé de Javascript et souvent utilisé pour transmettre des données entre un serveur et une application Web. Il s’agit d’une alternative au XML qui permet à un programmeur d’utiliser n’importe quel nombre d’outils. Mais que se passe-t-il si vous souhaitez utiliser votre navigateur pour travailler avec vos fichiers JSON ? Il existe plusieurs applications Web et extensions pour Google Chrome destinées à aider les programmeurs à modifier les fichiers JSON.

1. Éditeur JSON en ligne

Disponible en : application Web

JSON Editor Online est un outil permettant d’afficher, d’éditer et de formater JSON. Cette application Chrome ouvre un éditeur de texte dans votre navigateur, vous permettant de modifier le code sans avoir à passer à une autre application. L’application affiche deux zones de texte côte à côte. Le champ de gauche affiche le code tel quel, tandis que le champ de droite affiche le texte dans un format plus lisible.

L’application peut ouvrir à la fois des fichiers locaux et des URL. Son code source est également disponible pour ceux qui souhaitent savoir comment il a été réalisé. Il peut ouvrir des fichiers jusqu’à 512 Mo, ce qui peut sembler peu à première vue, mais peut contenir une énorme quantité de données. Pour les fichiers très volumineux, vous souhaiterez peut-être consulter ces outils pour les visualiser rapidement sans décalage .

JSON Editor est plus qu’un simple éditeur. C’est un formateur, un analyseur et même un assistant de réparation. Il mérite certainement une place dans la boîte à outils de chaque développeur de logiciels.

2. Formateur JSON

Disponible en tant qu’extension Chrome

L’ extension JSON Formatter Chrome est un outil open source qui facilite également la lecture du code JSON. Il vante la prise en charge des formats JSON et JSONP et propose une coloration syntaxique, des arborescences réductibles, des guides d’indentation et des URL cliquables. Cela fonctionne sur n’importe quelle page JSON valide ainsi que sur les fichiers locaux.

Cette extension fonctionne également sur les fichiers JSON diffusés sur Internet. Cependant, cela entre parfois en conflit avec le style du site HTML, lorsque les données JSON sont diffusées brutes sur la partie HTML. Cela a tendance à se produire sur la page d’exemple du site officiel JSON , dans laquelle la couleur d’arrière-plan disparaît.

Mais comme il s’agit d’une extension, vous pouvez facilement la désactiver ou l’empêcher de travailler sur des pages de navigation privée. De plus, il est open source, vous pouvez donc modifier le code source pour lui faire faire encore plus de choses.

3. JSONVue

Disponible en tant qu’extension Chrome

JSONView pour Google Chrome est à l’origine un module complémentaire de Firefox . Il est complet avec des options de menu contextuel pour copier un chemin ou une valeur JSON. Il existe également un éditeur de style intégré pour personnaliser le thème.

En tant qu’extension créée par un autre développeur, JSONVue étend la capacité de JSONView à valider les documents JSON à l’aide de JSONLint .

JSONView applique également de jolies impressions sur vos fichiers JSON. Cela ajoute une impression en gras sur les clés JSON pour les rendre plus faciles à lire par rapport aux crochets et aux deux-points non gras.

4. Embellisseur et éditeur JSON

Disponible en tant qu’extension Chrome

JSON Beautifier & Editor transforme votre navigateur Chrome en un outil JSON pour l’édition, le traitement et l’analyse des données. Il vous permet de modifier les clés et les valeurs, ainsi que d’enregistrer vos modifications dans un fichier de sortie JSON téléchargeable.

La plus grande fonctionnalité de JSON Beautifier & Editor est peut-être la possibilité d’ajouter et de supprimer des espaces pour vos fichiers JSON. Il permet également de trier vos objets au cas où vous modifieriez quelques éléments lors du codage.

Dans l’ensemble, cette extension étend ce que les extensions JSON Chrome normales peuvent faire, transformant votre navigateur Web en un éditeur de texte hors ligne pour les fichiers JSON.

5. Code embellir l’éditeur JSON

Disponible en : application Web

L’ éditeur Code Beautify JSON n’est que l’un des nombreux autres outils disponibles dans la suite d’applications d’embellissement de code de Code Beautify. En vous concentrant sur l’éditeur JSON, vous découvrirez plusieurs autres façons d’afficher les fichiers JSON à partir de votre navigateur Web.

L’application présente une vue Code, qui n’est pour l’essentiel qu’une vue texte embellie, sauf qu’elle est indépendante de la vue Texte lors de la visualisation de JSON compact. Pendant ce temps, la vue Formulaire vous montre la taille de chaque tableau à l’intérieur de chaque ligne réduite. Pour les objets, il indique combien de clés se trouvent à l’intérieur.

Une autre chose qui rend cette extension utile est qu’elle vous montre la taille des fichiers JSON modifiés et originaux. Si vous travaillez sur un projet très particulier en termes de taille de fichier, cela pourrait être l’outil idéal pour ce travail.

6. Tutoriels Point Éditeur JSON en ligne

Disponible en : application Web

L’ éditeur JSON en ligne de Tutorials Point est un excellent outil d’édition JSON qui est également agréable à regarder. Il vous permet de basculer les éléments visuels, ce qui peut vous aider à visualiser les espaces dans du code JSON profondément imbriqué. De plus, il propose des thèmes modifiables.

Le principal attrait de cet éditeur est peut-être qu’il offre également l’accès à une bibliothèque de didacticiels. Cela en fait un outil pratique pour les personnes essayant d’apprendre de nouveaux langages de programmation , tout en s’appuyant principalement sur des ressources en ligne.

Semblable à tous les autres outils d’édition JSON en ligne, cet éditeur vous permet de télécharger votre JSON modifié via votre navigateur. De cette façon, vous pouvez l’utiliser pour faire presque tout ce que vous devez faire avec n’importe quel code JSON.

7. Éditeur JSON à partir des outils de Dan

Disponible en : application Web

JSON Editor From Dan’s Tools est un éditeur JSON en ligne gratuit qui présente un aspect épuré et minimaliste. Ce qui lui manque en fonctionnalités, il le compense par un chargement rapide dès que vous entrez son URL.

C’est suffisant si vous avez besoin de quelque chose que vous pouvez utiliser rapidement pour modifier. Cependant, la fonction « Charger un fichier » apparaît parfois en bas de l’écran sur certains navigateurs lors de l’utilisation d’extensions de blocage des publicités, ce qui peut s’avérer gênant.

Le développeur de cette application, Clean CSS (alias Dan’s Tools), dispose également d’autres outils pour convertir JSON en d’autres formats, tels que CSV, XML, TSV et même HTML.

Accédez facilement aux fichiers JSON

Toutes les images et captures d’écran de Terenz Jomar Dela Cruz