Formateur, validateur et minifieur JSON

Formater, valider et minifier du JSON directement dans votre navigateur

Le JSON, abréviation de JavaScript Object Notation, est la langue commune du web moderne. Presque chaque API REST que vous appelez le renvoie, la plupart des fichiers de configuration s'appuient dessus, et une part énorme des données qui circulent entre services et interfaces est sérialisée en JSON. Sa popularité a une bonne raison : le format est simple, indépendant du langage, et se calque proprement sur les objets, tableaux, chaînes et nombres avec lesquels les programmeurs raisonnent déjà. Mais cette même compacité a un revers. Dès qu'un serveur vous renvoie une réponse sur une seule ligne bourrée de centaines de clés imbriquées, la structure qui rendait le JSON séduisant disparaît dans un mur de caractères.

Le formateur JSON de speedor.net existe pour vous rendre cette structure. Collez vos données : il les met en forme, les valide et les minifie sur-le-champ, entièrement à l'intérieur de l'onglet de votre navigateur. Rien n'est envoyé à un serveur, ce qui compte énormément lorsque la charge que vous inspectez est une réponse d'API contenant des jetons, des fiches clients ou des identifiants internes.

Pourquoi l'indentation rend le JSON de nouveau lisible

Le formatage, aussi appelé embellissement ou mise en forme, prend du JSON compact ou minifié et y ajoute des sauts de ligne ainsi qu'une indentation cohérente. L'information est identique ; seuls les espaces changent. Pourtant, ce sont ces espaces qui permettent à votre œil de suivre la profondeur d'imbrication, de repérer où finit un objet et où commence le suivant, et de distinguer un tableau de trois éléments d'un tableau de trois cents. Quand vous déboguez une intégration à deux heures du matin, la différence entre une arborescence lisible et une chaîne ininterrompue est la différence entre trouver le bug et passer à côté.

Un bon formateur préserve aussi l'ordre des clés et les valeurs exactes, de sorte que ce que vous lisez est véritablement ce que l'API a envoyé. Vous ne regardez pas une approximation reconstituée ; vous regardez les mêmes octets, simplement disposés pour qu'un humain les analyse aussi facilement qu'une machine.

La validation et les erreurs qui piègent tout le monde

L'embellissement n'est que la moitié du travail. Avant même de pouvoir être formaté, le JSON doit être valide, et les règles strictes du format détectent bien plus d'erreurs qu'on ne le pense. Un validateur analyse votre saisie et vous indique exactement où elle échoue, en pointant généralement une ligne et une position pour vous éviter de chercher à l'aveugle. La poignée d'erreurs ci-dessous représente l'écrasante majorité des JSON cassés :

• Virgules superflues. Le JSON interdit une virgule après le dernier élément d'un objet ou d'un tableau. JavaScript la tolère, ce qui explique précisément pourquoi les développeurs la collent par habitude.
• Guillemets simples. Les chaînes et les clés doivent utiliser des guillemets doubles. Recopier un littéral d'objet directement depuis du code source laisse souvent des guillemets simples, et l'analyseur les rejette.
• Clés sans guillemets. Chaque clé doit être une chaîne entre guillemets. Les clés nues, du type de celles qui fonctionnent très bien dans un objet JavaScript, sont du JSON invalide.
• Accolades ou crochets manquants ou mal appariés. Une { ou un [ non fermé, ou un signe de fermeture en trop, fait dérailler tout le document. Le formateur met en évidence l'endroit où l'équilibre se rompt.
• Commentaires et valeurs indéfinies. Le JSON n'a ni commentaires ni undefined ; seuls null, les booléens, les nombres, les chaînes, les tableaux et les objets sont autorisés.

Passez une charge suspecte par le validateur en premier et ces problèmes apparaissent en quelques secondes, plutôt qu'au terme d'une chaîne déroutante de déploiements ratés.

Minifier pour réduire les charges utiles

L'opération inverse est tout aussi utile. La minification supprime chaque octet d'espace optionnel, ramenant votre JSON à sa forme la plus compacte, sur une seule ligne. C'est exactement ce que vous voulez quand les données partent sur le réseau ou dans une valeur de configuration, car des charges plus petites signifient moins de bande passante et des transferts plus rapides. Un flux de travail courant consiste à embellir une réponse pendant que vous l'étudiez, à corriger ce qui cloche, puis à minifier le résultat avant de le valider ou de le coller dans une variable d'environnement. Un seul outil couvre les deux extrémités de cette boucle.

Le traitement local préserve la confidentialité des données sensibles

Parce que chaque étape s'exécute en JavaScript à l'intérieur de votre propre navigateur, le JSON que vous collez ne quitte jamais votre machine. Ce n'est pas un argument marketing, c'est une garantie pratique. Vous pouvez y déposer une réponse d'API brute pleine de jetons d'accès, un export de données utilisateurs ou une configuration de service interne sans craindre qu'un serveur tiers ne la journalise. Fermez l'onglet et les données ont disparu. Pour quiconque travaille sous des règles de traitement des données, le traitement strictement local élimine toute une catégorie de risques.

Une fois votre JSON propre, vous voudrez peut-être aller plus loin. Explorez le reste de nos outils pour développeurs, convertissez une structure avec JSON vers YAML, ou décodez une valeur imbriquée à l'aide de Base64. Chaque outil suit le même principe : rapide, gratuit, et traité entièrement dans votre navigateur.

Questions fréquentes