Formateur, visualiseur et validateur JSON

Un formateur JSON est un outil qui analyse un document JSON et le réécrit avec des retours à la ligne et une indentation cohérents, transformant une réponse d’API sur une seule ligne en quelque chose de lisible. Comme il doit d’abord analyser l’entrée, un formateur est aussi un validateur : ce qui ne s’analyse pas s’arrête sur une erreur au lieu d’être reformaté. Le formatage ne change que les espaces entre les jetons : vos clés, vos valeurs, vos types et leur ordre reviennent exactement comme ils sont entrés.

Collez le document dans le panneau d’entrée ci-dessus et appuyez sur Formater. Choisissez 2 espaces, 4 espaces ou tabulation dans le sélecteur d’indentation, puis lisez le résultat en arbre, en texte ou en tableau. Copier et Télécharger vous le font sortir. Sans compte, sans envoi et sans attente.

Le formateur répond à « comment lire ceci ? » et le validateur à « est-ce correct ? ». La même analyse fait les deux, et c’est pourquoi cette page signale les erreurs de syntaxe pendant qu’elle formate. Le validateur JSON distinct sert quand la vérification est tout le travail : il s’ouvre sur le panneau d’erreur et donne la ligne, la colonne, la ligne source avec un curseur en dessous et une note en langage clair sur ce que l’analyseur attendait. Ni l’un ni l’autre ne vérifie votre document contre un JSON Schema : c’est une question de forme, pas de syntaxe.

Commencez à la position signalée, car la plupart des échecs tiennent à un seul caractère. Les coupables habituels : une virgule finale avant } ou ], des apostrophes au lieu de guillemets doubles, des noms de propriété sans guillemets, des commentaires // et les True/False/None de Python — légaux en JavaScript ou en Python, aucun légal en JSON. Appuyez sur Réparer et chacun d’eux est réécrit, ainsi que les enveloppes JSONP et les enregistrements par lignes.

Collez le document et appuyez sur Minifier : les espaces entre les jetons sont retirés et la taille avant/après s’affiche. C’est rentable pour les charges que vous allez transmettre ou stocker, et l’annuler ne coûte rien — Formater inverse l’opération octet pour octet. Le minifieur JSON s’ouvre directement sur cette vue.

Oui. La vue arbre déplie et replie n’importe quelle branche, et la recherche parcourt les données analysées plutôt que le DOM visible : une correspondance enfouie dans un objet fermé est trouvée et l’arbre s’ouvre pour la montrer. Chaque ligne copie sa valeur ou le JSONPath qui y mène. Les lignes ne sont construites qu’à l’ouverture et les longs tableaux se chargent par blocs, ce qui garde un gros document réactif. Le visualiseur JSON entre dans les détails.

Non. La page appelle le JSON.parse intégré au navigateur et l’import de fichier utilise la File API locale. Aucun backend n’intervient pour formater, valider ou visualiser. Vous pouvez couper le réseau après le chargement de la page : tout continue de fonctionner.

La validation utilise l’analyseur du navigateur lui-même, qui implémente RFC 8259 / ECMA-404. C’est le même analyseur que celui utilisé par le code de votre application : un document qui passe ici s’analysera en production.

Des documents de plusieurs mégaoctets passent confortablement. L’arbre ne construit du DOM que pour les nœuds ouverts et les tableaux chargent 200 enfants à la fois. Au-delà d’environ 1,5 Mo, l’éditeur cesse de réanalyser à chaque frappe et attend que vous appuyiez sur Formater, ce qui garde la saisie fluide.

Votre document le plus récent (jusqu’à 500 Ko), votre choix d’indentation, votre vue préférée et votre thème — tout dans le localStorage de votre propre appareil, pour qu’un rechargement ne fasse pas perdre votre travail. Effacer supprime le document.