JSON, sinon JavaScript Object Notation, data est un protocole de communication navigateur / serveur et l'une des principales alternatives à XML.

Toutefois, les développeurs ne peuvent pas lire les données JSON sans un visualiseur JSON structurant et affichant les données de manière claire. En tant que tel, Mozilla a incorporé une visionneuse JSON dans Firefox et est activé par défaut dans la chaîne pour développeurs.

Comment afficher le code JSON dans Firefox? Le moyen le plus rapide de visualiser et de modifier les données JSON dans Firefox consiste à utiliser sa visionneuse JSON intégrée. La visionneuse de données est activée par défaut uniquement dans Developer Edition et Nighly. Si cela ne vous convient pas, utilisez des add-ons et outils Web utiles pour Firefox.

Pour plus d'informations à ce sujet, consultez le guide ci-dessous.

Comment activer JSON Viewer dans Firefox

Si la visionneuse JSON de Firefox ne fonctionne pas pour vous, c'est probablement parce qu'elle n'est pas activée. Pour le moment, la visionneuse de données est uniquement activée par défaut dans Developer Edition et Nightly.

Voici comment activer le visualiseur JSON dans Firefox Stable:

• Tout d’abord, entrez « about: config » dans la barre d’adresse de Firefox et appuyez sur la touche Retour pour ouvrir la page affichée dans l’instantané ci-dessous.

• Ensuite, entrez ' devtools.jsonview.enabled ' dans la barre de recherche en haut de la page about: config.
• Maintenant, vous pouvez double-cliquer sur devtools.jsonview.enabled pour passer sa valeur à true. Cela active efficacement la visionneuse JSON dans le navigateur Firefox.

Compléments et outils Web JSON Viewer alternatifs

Cependant, vous n'avez pas vraiment besoin d'activer le visualiseur JSON dans Firefox. Si le visualiseur JSON de Firefox ne fonctionne pas, vous pouvez toujours essayer d'autres add-ons et outils Web.

Par exemple, vous pouvez ajouter JSONView à Firefox en appuyant sur le bouton + Ajouter à Firefox sur cette page. Lorsque vous avez ajouté cet add-on au navigateur, ouvrez cette page pour voir un exemple de données JSON formatées.

Les plans ci-dessous vous montrent les données JSON avant et après l'activation de l'add-on dans Firefox.

JSON-DataView est un meilleur complément avec lequel vous pouvez personnaliser l'affichage des données. Trouvez-le sur cette page et ajoutez cette extension à votre navigateur.

Ensuite, ouvrez cette page à nouveau pour voir comment il formate et affiche les données JSON. Les données incluent désormais des boutons + et - pour développer et réduire les nœuds de l’arborescence, la coloration syntaxique et les liens hypertexte.

JSON-DataView inclut également des options de personnalisation que vous pouvez sélectionner en cliquant sur le bouton Ouvrir du menu en haut à droite du navigateur et des modules complémentaires.

Ensuite, appuyez sur le bouton Options situé à côté de JSON-DataView pour ouvrir la fenêtre illustrée ci-dessous. Là, vous pouvez cliquer sur le menu déroulant Thème pour modifier les couleurs des données JSON. Cliquez sur l'onglet Affichages pour personnaliser la police du texte.

Il existe également des outils Web du visualiseur JSON dans lesquels vous pouvez copier et coller des données. Tout d'abord, vous pouvez copier et coller des données dans l'onglet Texte de ce visualiseur JSON. Essayez de copier et de coller les données JSON ci-dessous avec les touches de raccourci Ctrl + C et Ctrl + V.

{«Hey»: «guy», «anumber»: 243, «anobject»: {«whoa»: «nut», «anarray»:, «more»: «stuff»}, «génial»: vrai, «faux» ": Faux, " signifiant ": null, " japonais ":"

が あ る。 ”, “ link ”:“ http://jsonview.com ”, “ notLink ”:“ http://jsonview.com is great ”}}

Une fois que vous avez copié cela dans l'onglet Texte, appuyez sur le bouton Format de la barre d'outils du visualiseur JSON. Cela affichera ensuite les données comme indiqué dans la photo ci-dessous, ce qui est beaucoup plus clair.

Vous pouvez charger d'autres données en cliquant sur le bouton Charger les données JSON et en entrant une URL. L'onglet Viewer affiche les variables de données avec des structures arborescentes que vous pouvez développer ou réduire en appuyant sur les boutons + et -.

JSON Editor Online est un autre outil Web sur lequel vous pouvez afficher des données depuis un disque dur ou une URL. Cliquez ici pour ouvrir l'outil Web, puis copiez et collez les exemples de données ci-dessus dans l'éditeur de code.

Appuyez sur la flèche droite pour copier le code dans l'éditeur d'arborescence, puis cliquez sur la flèche gauche pour afficher les données JSON comme indiqué ci-dessous. Là, vous pouvez éditer les données et enregistrer toutes les modifications apportées.

La page comprend également un outil de recherche pratique pour les champs et les valeurs.

Si vous avez besoin d'une visionneuse JSON, la visionneuse Firefox intégrée ne fait pas tout ce dont vous avez besoin. En tant que tels, les add-ons et les outils Web JSON constituent une excellente alternative pour les développeurs qui doivent ouvrir et éditer des données JSON.

J'espère que cela vous a été utile et que vous êtes maintenant au courant des différents add-ons JSON et outils Web que vous pouvez utiliser. Si vous avez d'autres questions, n'hésitez pas à contacter la section commentaires ci-dessous.

Note de la rédaction: Ce poste a été publié en avril 2017 et a depuis été complètement réorganisé et mis à jour pour en améliorer la fraîcheur, la précision et l'exhaustivité.