Guide de l’outil
À propos de Formateur JSON
Un JSON Formatter transforme un JSON minifié, désordonné ou copié depuis des logs en structure imbriquée lisible et aide à repérer la ligne qui casse le parsing.
Cet outil formate, minifie, valide et affiche le JSON en arbre dans le navigateur, pratique pour les réponses API, fichiers de configuration et payloads de débogage.
Comment utiliser le JSON Formatter
- Collez le JSON dans la zone de saisie ou chargez l’exemple pour voir la forme attendue.
- Cliquez sur Format pour rendre un payload lisible, ou sur Minify pour retirer les espaces inutiles.
- Si le parsing échoue, partez de la ligne et colonne indiquées puis vérifiez virgules, guillemets et accolades.
- Copiez le résultat ou passez en vue arbre pour inspecter les champs profondément imbriqués.
Cas d’utilisation
- Déplier une réponse API en une ligne pendant le débogage front-end ou serveur.
- Vérifier package.json, manifest ou payloads mock avant un commit.
- Minifier un body de requête sans modifier par erreur le contenu des chaînes.
- Formater du JSON échappé issu de logs de production puis le comparer avec Text Diff.
Syntaxe JSON et erreurs fréquentes
Le JSON standard accepte objets, tableaux, chaînes entre guillemets doubles, nombres, booléens et null. Beaucoup d’erreurs viennent d’une syntaxe proche de JavaScript.
- Virgule finale: le dernier élément d’un objet ou tableau ne peut pas avoir de virgule en plus.
- Guillemets simples: les chaînes et clés JSON doivent utiliser des guillemets doubles.
- Clés sans guillemets: {name:"dev"} est un objet JavaScript, pas du JSON.
- Commentaires: le JSON standard ne supporte pas // ni /* */; supprimez-les ou utilisez JSON5.
Questions fréquentes sur Formateur JSON
- Mon JSON est-il envoyé à un serveur?
- Non. Formatage, minification, validation et vue arbre s’exécutent localement dans le navigateur; le contenu n’est pas envoyé à wetool.site.
- Quelle différence entre Format et Minify?
- Format ajoute indentation et retours à la ligne. Minify retire les espaces inutiles pour le transport ou les champs sur une ligne.
- Pourquoi mon JSON est-il invalide?
- Les causes fréquentes sont virgule finale, guillemets simples, clé sans guillemets, accolades mal appairées ou texte de log copié avec le JSON.
- Peut-il gérer un gros JSON?
- Oui. Le parsing lourd est placé dans un Web Worker quand possible afin que les gros payloads ne bloquent pas l’interface.
- Supporte-t-il JSON5 ou les commentaires?
- Cet outil valide le JSON standard. Convertissez commentaires, guillemets simples et virgules finales avant parsing.
Pourquoi utiliser un JSON Formatter dans le navigateur
Le JSON peut contenir données API internes, tokens, logs ou données utilisateur. Le traitement local limite le risque de coller des payloads sensibles sur un serveur tiers.
Checklist strict JSON vs JSON5
Beaucoup d’entrées “JSON prettify failed” sont en réalité des objets JavaScript ou JSON5. APIs, configs et logs production attendent souvent du strict JSON.
- Remplacez les strings en single quotes par des double quotes et mettez chaque object key entre guillemets.
- Retirez trailing commas, commentaires // et commentaires /* */ avant un strict JSON parser.
- NaN, Infinity, undefined, Date objects et functions ne sont pas des valid JSON values; convertissez-les en strings, numbers, booleans, null, arrays ou objects.
Checklist de debug pour grand JSON
Les grosses API responses et log payloads demandent plus qu’un prettify: il faut aussi éviter blocage navigateur et modifications accidentelles.
- Formatez d’abord puis cherchez les field names; c’est plus fiable que chercher des nested paths dans du JSON sur une ligne.
- Avant de comparer deux responses, formatez les deux avec la même indentation pour que le diff ne soit pas dominé par whitespace ou structure minifiée.
- Si le JSON vient de logs, retirez timestamps, log levels, escaping wrappers et texte autour pour ne garder que le vrai JSON fragment.