Chrome JSONViewer

De EjnTricks
Révision de 3 août 2014 à 22:58 par Etienne (discussion | contributions) (Page créée avec « Le format JSON est couramment utilisé dans le cadre des application Web avec de l'AJAX. Cela permet de transporter les données très légèrement et il est reconnu nativ... »)

(diff) ← Version précédente | Voir la version courante (diff) | Version suivante → (diff)

Le format JSON est couramment utilisé dans le cadre des application Web avec de l'AJAX. Cela permet de transporter les données très légèrement et il est reconnu nativement en Javascript. Cependant, son affichage s'effectue comme un simple texte dans le navigateur Chrome.


Le plugin JSONViewer permet de le représenter intuitivement.

Dans le cadre de cet article, les données JSON sont récupérées de l'étude faite sur le framework CXF.


Hand-icon.png Votre avis

Nobody voted on this yet

 You need to enable JavaScript to vote


System-Install-icon.png Installation

L'installation s'effectue très simplement depuis l'interface des extensions Chrome.


En cliquant sur le bouton Gratuit, une fenêtre de confirmation est présentée.


En cliquant sur le bouton Ajouter, le plugin sera installé et activé dans Chrome.


Process-Icon.png Utilisation

Le plugin ne requiert aucune configuration ou paramétrage post installation. Tout accès à des flux JSON sont automatiquement formattés.


Il est possible de replier les objets pour compacter l'affichage. Il n'y a pas plus de fonctionnalités mais c'est simple et très efficace.


Icon-Configuration-Settings.png Paramétrage

Ce plugin permet quelques paramétrages de l'afichage, accessible depuis l'icône située dans le coin supérieur droit.

Dans la première copie d'écran présentée, il est présenté une information temporelle et l'URL accédée. A première vue, cela n'est pas vraiment nécessaire et cela se désactive en décochant l'option Prepend header.


Il est également possible de sélectionner un thème d'affichage, couleur de fond et du texte.


Après changement du thème et inactivation de l'option Prepend header, le rendu est le suivant.