PK Systems PK Systems
Outils pour développeurs

Formateur JSON

Embellissez, minifiez et validez du JSON dans votre navigateur. Mises à jour en direct, copie en un clic — rien ne quitte votre appareil.

Formateur JSON

Résultat

Le résultat apparaît ici pendant que vous tapez.

Que fait cet outil ?

JSON (JavaScript Object Notation) est le format le plus courant pour l'échange de données entre API, fichiers de configuration et applications web modernes. Cet outil parse du JSON dans votre navigateur et le ré-émet avec une indentation cohérente (Embellir), supprime tous les espaces (Minifier), ou se contente de confirmer que ça parse (Valider). Il utilise le JSON.parse natif du navigateur, donc ce qui passe ici est ce que tout runtime JavaScript acceptera. Rien n'est envoyé — tout le pipeline tourne localement.

Comment l'utiliser

Collez votre JSON dans la zone de saisie. Choisissez Embellir pour une sortie lisible (réglez l'indentation à 2, 4 ou tabulation), Minifier pour retirer les espaces avant transport, ou Valider seulement pour vérifier la syntaxe sans produire de sortie. Activez Trier les clés A→Z pour faciliter la comparaison de deux fichiers JSON. La sortie se met à jour en direct pendant que vous tapez. Si l'entrée est invalide, l'outil indique la ligne et la colonne de l'erreur pour que vous puissiez sauter directement au problème.

Astuces et limites

  • JSON est strict : les clés doivent être entre guillemets doubles, pas de virgule finale, pas de commentaires. Si votre entrée en a, corrigez d'abord.
  • Les clés triées produisent une sortie stable pour les diffs git et les tests par snapshot.
  • La sortie embellie avec indentation 2 espaces est le standard de fait pour les fichiers de config (npm, composer, .vscode/settings.json).
  • De très gros payloads (plus de 10 Mo) fonctionnent mais le navigateur peut saccader pendant le parsing — minifiez les grosses réponses d'API en production.
  • Les nombres sont parsés par JavaScript, qui perd en précision au-delà de 2^53. Si vous avez des IDs de type BigInt, gardez-les en chaînes.

Questions fréquentes

Mon JSON est-il envoyé à un serveur ?
Non. Le parsing, le formatage et la validation se font entièrement dans votre navigateur via les JSON.parse et JSON.stringify natifs. Ouvrez DevTools > Réseau et vous ne verrez aucune requête au moment du collage ou de l'édition. Sûr pour des payloads sensibles, des fichiers de configuration internes ou tout ce que vous ne colleriez pas dans un service hébergé.
Pourquoi mon JSON est-il invalide alors qu'il a l'air bon ?
Le plus souvent : guillemets simples au lieu de doubles autour des clés/chaînes, virgule finale après le dernier élément d'un objet ou d'un tableau, ou sauts de ligne non échappés dans une chaîne. JSON est plus strict que les littéraux d'objets JavaScript — le message d'erreur et la ligne/colonne affichés au-dessus de la sortie pointent l'octet exact où le parseur a abandonné.
Quelle différence entre Embellir et Minifier ?
Embellir ajoute des sauts de ligne et de l'indentation pour que la structure soit facile à parcourir — idéal pour l'édition, la revue de code et le débogage. Minifier retire chaque caractère d'espace optionnel, produisant la représentation valide la plus courte — idéal pour le stockage, le transport et l'inclusion dans des attributs HTML ou des chaînes de requête. Les deux produisent du JSON sémantiquement identique.
Que fait « Trier les clés A→Z » ?
Il parcourt tout l'arbre d'objets et émet les clés de chaque objet par ordre alphabétique. Les tableaux gardent leur ordre d'origine (trier les éléments d'un tableau changerait le sens). Le tri est utile pour comparer deux fichiers JSON où les mêmes données peuvent avoir été émises avec des ordres de clés différents par des outils différents.
Gère-t-il JSON5, JSONC ou les commentaires ?
Non — uniquement le JSON strict RFC 8259. Les commentaires (// ou /* */), virgules finales, guillemets simples et clés sans guillemets sont tous rejetés. Si vous avez besoin d'un dialecte plus permissif pour des configs d'outils, parsez avec une librairie JSON5 avant de coller ici, ou retirez d'abord les commentaires. Un mode JSON5 est envisagé.
Peut-il traiter de très gros fichiers JSON ?
Il peut formater des fichiers de plusieurs mégaoctets sans problème. Au-delà de 10 à 20 Mo, l'onglet du navigateur peut figer brièvement pendant le parsing parce que JSON.parse est synchrone. Pour des logs ou exports de plusieurs centaines de mégaoctets, utilisez plutôt un outil en ligne de commande en flux comme jq — il traite le JSON comme un flux et ne charge pas tout le fichier en mémoire.