Visualiseur de JSON

Analyse et met en forme le JSON pour l'afficher directement dans la page sous forme d'arbre coloré et indenté. Chaque type de valeur possède sa propre couleur : les clés d'objet et null en violet, les booléens en bleu, les nombres en vert, les chaînes en orange, et les accolades, crochets et virgules en gris. Lorsque la saisie est invalide, la visionneuse affiche l'erreur native de JSON.parse.

1. Collez le JSON dans la zone de texte de saisie. 2. Cliquez sur Parse. 3. L'arbre rendu apparaît dans un panneau de résultats défilant, chaque niveau d'imbrication étant indenté de 10 px par profondeur.

Les objets sont rendus comme { key: value, ... } avec des clés violettes entre guillemets et des accolades grises ; les tableaux sont rendus comme [ item, item ] avec des crochets gris. Chaque niveau d'imbrication ajoute 10 px de marge gauche à ses enfants, produisant une indentation visuelle. Les chaînes sont affichées avec des guillemets doubles environnants en orange, les nombres en vert, les booléens en bleu et null en violet. Les virgules entre les éléments sont dessinées en gris. L'arbre est statique (pas de replier/déplier) ; utilisez-le pour inspecter des documents de petite à moyenne taille.