Formateur JSON

Cette page est le guide canonique pour valider, embellir, minifier et explorer du JSON dans le navigateur avec DevUtilities. Utilisez l’éditeur ci-dessus pendant la lecture ou sautez à un sujet ci-dessous. L’analyse reste sur votre appareil — les payloads ne sont jamais téléversés.

JSON Formatter est un atelier côté client pour du JSON strict ECMA-404 : valider la syntaxe, embellir pour les humains, minifier pour le transport, explorer des arbres imbriqués et sauter à la première erreur d’analyse.

Ce que vous obtenez

• Validation instantanée avec saut ligne/caractère vers la première erreur de syntaxe
• Modes Beautify (indenté) et Minify (une ligne)
• Vue arborescente pour objets et tableaux imbriqués avec recherche/filtre
• Copier, télécharger, instantanés d’historique dans localStorage et transfert vers outils frères
• Exécution 100 % dans le navigateur — sûr pour payloads API propriétaires et secrets

Utilisez cet outil lorsque

• Une réponse API ou un corps de webhook ne s’analyse pas et vous avez besoin du décalage exact
• Vous devez nettoyer du JSON de config brouillon avant commit ou déploiement
• Vous voulez un payload compact d’une ligne pour en-têtes, query params ou files de messages
• Vous devez explorer un imbrication profonde sans faire défiler un mur de texte

Préférez un outil frère lorsque

• Conversion YAML ↔ JSON nécessaire → YAML ↔ JSON
• Export tabulaire nécessaire → JSON to CSV
• Tableaux mock synthétiques nécessaires → JSON Generator
• Lint OpenAPI avant codegen nécessaire → OpenAPI Validator

Choisissez un mode selon le prochain consommateur du payload — humains, machines ou les deux.

Comment cet outil aide

1. Collez du JSON brut, téléversez un fichier .json ou chargez un instantané récent depuis localStorage.
2. Lisez la bannière de validation — si invalide, cliquez la ligne d’erreur pour sauter au caractère fautif.
3. Choisissez Beautify pour une indentation lisible ou Minify pour une seule ligne prête pour la production.
4. Activez la vue arborescente pour développer objets/tableaux imbriqués ; filtrez les clés via la barre de recherche.
5. Copiez la sortie, téléchargez un fichier ou transférez vers JSON to CSV, YAML ↔ JSON ou Text Diff.
6. Effacez ou écrasez les instantanés d’historique quand vous n’avez plus besoin de copies locales de payloads sensibles.

Une API partenaire renvoie 200 avec un corps que votre client rejette comme JSON invalide. Les logs montrent un payload tronqué ou édité à la main.

Comment cet outil aide

1. Collez le corps de réponse brut dans l’éditeur d’entrée (ne le formatez pas d’abord dans le terminal si vous avez besoin des octets exacts).
2. Utilisez la bannière d’erreur pour sauter au premier caractère illégal — souvent virgule finale, guillemets simples ou chaîne tronquée.
3. Embellissez une fois valide pour rendre lisibles objets et tableaux d’erreur imbriqués.
4. Copiez le JSON nettoyé dans un fixture ou pièce jointe de ticket pour le propriétaire de l’API.

Résultat : vous isolez l’échec d’analyse en quelques secondes sans téléverser du trafic de production vers un formateur tiers.

Un fichier JSON partagé appsettings / feature flags a accumulé commentaires, virgules finales et indentation incohérente après des éditions manuelles.

Comment cet outil aide

1. Collez la config et corrigez chaque erreur d’analyse jusqu’à validation verte.
2. Embellissez avec indentation cohérente avant d’ouvrir une PR.
3. Minifiez optionnellement une copie pour les environnements qui attendent des blobs de config compacts.
4. Transférez vers Text Diff contre la révision précédente pour une revue ligne par ligne.

Résultat : vous isolez l’échec d’analyse en quelques secondes sans téléverser du trafic de production vers un formateur tiers.

Vous devez intégrer un jeu de claims JSON, un corps de webhook ou un message de file dans un transport d’une ligne sans changer les valeurs.

Comment cet outil aide

1. Validez l’objet source pour que minify ne masque pas une erreur de syntaxe.
2. Cliquez Minify pour supprimer les espaces insignifiants.
3. Copiez la ligne unique dans l’en-tête, la variable d’env ou le corps du message.
4. Gardez une copie embellie dans l’historique local si vous devez rééditer plus tard.

Résultat : vous isolez l’échec d’analyse en quelques secondes sans téléverser du trafic de production vers un formateur tiers.

Le JSON strict n’est pas JavaScript. Utilisez ce tableau compact quand l’analyseur rejette une entrée qui « semble correcte » dans une console JS.

La bannière affiche « JSON invalide — impossible d'analyser l'entrée. » quand le texte viole ECMA-404.

Pourquoi cela arrive

L’analyseur s’arrête à la première violation de syntaxe : crochets/accolades déséquilibrés, chaînes entre guillemets simples, virgules finales, clés non quotées, commentaires ou littéraux non JSON.

Diagnostic

Cliquez la ligne d’erreur dans la bannière pour sauter au caractère fautif. Comparez cet endroit au tableau des pièges de syntaxe — la plupart des échecs correspondent à l’une de ces six lignes.

Correctifs

1. Remplacez les guillemets simples par des doubles sur chaînes et clés.
2. Supprimez les virgules finales avant ] et }.
3. Quotez chaque clé d’objet ; retirez les identifiants style JavaScript.
4. Retirez les commentaires // et /* */ ; convertissez undefined/NaN en null ou omettez la propriété.
5. Équilibrez crochets et accolades ; réparez les chaînes tronquées par coupure de logs.

Après le premier correctif, revalidez — une seconde erreur peut apparaître plus bas dans le document.

Il n’y a pas de plafond de taille côté serveur. Les documents multi-mégabytes (20–30 Mo+) s’analysent localement tant que le navigateur a assez de mémoire pour le canevas de l’éditeur.

• Préférez Minify quand vous n’avez besoin que de validation — un DOM texte plus petit peut sembler plus réactif qu’un arbre entièrement embelli.
• Utilisez vue arborescente + recherche au lieu d’embellir tout le document quand vous n’avez besoin que d’un chemin imbriqué.
• Les très gros fichiers peuvent ralentir le thread principal ; scindez par clé de premier niveau hors ligne si l’UI devient lente.
• Les instantanés d’historique consomment aussi le quota localStorage — effacez les anciennes entrées après de grosses sessions de collage.

Après validation, transférez la sortie vers d’autres outils DevUtilities sans recopier via une troisième application.

• JSON to CSV — quand la racine est un tableau d’objets homogènes
• YAML ↔ JSON — pour manifestes Kubernetes/CI nécessitant export YAML
• Text Diff — pour comparer deux révisions du même payload
• JSON Generator — pour concevoir un schéma mock puis formater l’échantillon ici
• LLM Token Counter — pour mesurer le coût en tokens de schémas d’outils après minify

Toute validation, embellissement, minification, aides d’encodage URL, exploration arborescente et comparaison diff s’exécutent en mémoire locale du navigateur.

• Aucune entrée n’est envoyée, stockée ou journalisée par un serveur externe.
• L’historique optionnel utilise localStorage uniquement sur votre appareil.
• Sûr pour payloads API propriétaires, secrets de configuration et dumps de production — évitez tout de même de laisser des secrets dans des profils de navigateur partagés.
• Utilisez une fenêtre privée ou effacez localStorage après des sessions sensibles.

• Validez avant minify pour ne pas expédier une chaîne compacte invalide.
• Embellissez pour les humains, minifiez pour les machines — gardez les deux copies en déboguant le transport.
• Traitez les littéraux d’objet JavaScript comme un autre langage ; convertissez délibérément.
• Sautez à la première erreur, corrigez, revalidez — ne cherchez pas à l’aveugle dans un collage de 10k lignes.
• Transférez du JSON nettoyé vers l’outil suivant au lieu de recoller via chat ou email.
• Effacez l’historique local après avoir travaillé avec des secrets de production.