Embellir du JSON
L’Embellisseur JSON transforme des données JSON non formatées, minifiées ou désorganisées en code visuellement propre et lisible par un humain. Il offre des niveaux d’indentation paramétrables (2 espaces, 4 espaces ou tabulations), un tri alphabétique des clés pour faciliter la lecture visuelle, des contrôles d’échappement unicode et une tolérance aux commentaires, le tout en s’exécutant entièrement dans votre navigateur.
Comment fonctionne Embellir du JSON ?
Dans les architectures d’API modernes, les journaux, les traces réseau et les payloads de webhooks arrivent sous forme de chaînes continues sur une seule ligne. Lire et auditer du texte minifié à la main provoque une forte fatigue cognitive et augmente le risque de passer à côté d’une faille de sécurité, d’un token manquant ou d’un type de données malformé.
L’Embellisseur JSON de ToolsByUs rétablit la hiérarchie visuelle grâce à une désérialisation AST structurée et à une génération d’indentation disciplinée :
- Tri lexical prévisible : l’option
Sort Keysalphabétise les propriétés d’objets à tous les niveaux de la hiérarchie du document. Cela standardise l’emplacement des propriétés et rend le balayage visuel instantané pendant la revue de code ou le débogage. - Largeurs d’indentation configurables : deux espaces, c’est la convention JavaScript ; quatre, la norme en Python et dans une grande partie du monde backend ; et une tabulation matérielle laisse chaque lecteur choisir sa propre largeur. Aucune n’est plus correcte que les autres ; la seule mauvaise réponse, c’est de les mélanger dans un même fichier.
- Style d’accolades et formatage des délimiteurs : choisissez entre des accolades ouvrantes compactes traditionnelles (style K&R sur la même ligne) et un formatage étendu qui maximise la lisibilité verticale pour les tableaux de collections profondément imbriqués.
- Échappement Unicode sûr : choisissez si les caractères non ASCII (chaînes multilingues, emojis ou symboles monétaires internationaux) sont conservés en UTF-8 natif ou échappés en séquences hexadécimales
\uXXXXsûres, conformément à la section 7 de la RFC 8259. - Suppression des commentaires JSONC : tolère les commentaires de développeur (
//et/* */) souvent présents dans des fichiers de configuration commetsconfig.jsonou les réglages de VS Code, et les convertit en JSON standard conforme à la RFC. - Garantie de calcul local : l’embellissement se fait à 100% dans le navigateur. Les payloads propriétaires, les tokens d’API et les données clients ne traversent jamais le réseau.
L’embellisseur fonctionne en analysant le texte d’entrée pour en faire un AST, en parcourant les nœuds récursivement avec suivi de la profondeur, en émettant des espaces ou des tabulations selon les largeurs d’indentation configurées, en insérant des retours à la ligne entre les paires d’objets et les éléments de tableau, et en ajoutant les accolades fermantes correspondantes aux niveaux d’indentation correspondants.
Entrée minifiée non formatée
{"id":42,"title":"Log Event","active":true,"tags":["prod","payment"]}Exemple de sortie
{
"active": true,
"id": 42,
"tags": [
"prod",
"payment"
],
"title": "Log Event"
}Quelles options et quels cas limites Embellir du JSON prend en charge ?
| Paramètre | Type | Valeur par défaut | Comportement et cas limites |
|---|---|---|---|
| Indentation : 2 espaces | Style de formatage | 2 espaces | Convention standard du web et de TypeScript qui minimise le défilement horizontal sur les structures profondément imbriquées. |
| Indentation : 4 espaces | Style de formatage | 4 espaces | Indentation visuelle à fort contraste privilégiée dans les systèmes backend, Python et les terminaux en ligne de commande. |
| Indentation : Tabulation | Style de formatage | \t | Caractères de tabulation matérielle permettant aux développeurs de personnaliser les largeurs de tabulation dans leurs IDE locaux. |
| Clés triées | Normalisation | true | Trie alphabétiquement toutes les clés de dictionnaire à chaque niveau d’imbrication pour un balayage visuel cohérent et une sortie reproductible. |
| Échappement Unicode | Option d'encodage | false | Encode les caractères hors ASCII en séquences hexadécimales \uXXXX pour les couches de transport legacy ASCII uniquement. |
| Suppression des commentaires JSONC | Récupération de syntaxe | Actif | Supprime les commentaires mono- et multi-lignes des entrées JSONC sans corrompre les littéraux de chaîne contenant des barres obliques. |
| Limite d'entrée | Limite de performance | 8 MB | Limite appliquée, non indicative. Le formatage s’exécute sur le thread principal, donc un collage plus volumineux est refusé avec une explication plutôt que de figer l’onglet. Au-dessus de 2 MB, un avertissement apparaît. Pour les documents plus volumineux, utilisez « Comparer du JSON », qui s’exécute dans un Web Worker. |
Questions fréquentes
Quelle est la différence entre un embellisseur et un formateur ?
Bien qu’ils partagent le même moteur de sérialisation, un embellisseur met l’accent sur l’ergonomie visuelle, la lisibilité et la compréhension humaine (tri alphabétique des clés, contraste net, options de disposition des accolades), tandis qu’un formateur se concentre sur la conformité syntaxique stricte, la suppression des commentaires JSONC et les conventions de formatage en ligne de commande.
Pourquoi trier les clés JSON par ordre alphabétique ?
En JSON (RFC 8259), l’ordre des clés est arbitraire. Quand on inspecte des payloads complexes comptant des dizaines de clés, un tri alphabétique permet aux développeurs de repérer rapidement un champ précis sans parcourir tout l’objet, et garantit que les commits git n’affichent pas de faux changements de diff causés par un ordre de sérialisation aléatoire des clés.
Comment l’embellisseur gère-t-il tabulations et espaces ?
Vous pouvez choisir 2 espaces, 4 espaces ou de vraies tabulations. Les espaces garantissent un rendu identique dans tous les éditeurs, tandis que les tabulations respectent la préférence de largeur de tabulation de chaque ingénieur.
Peut-on coller du JSON avec des commentaires dans l’embellisseur ?
Oui ! L’embellisseur tolère les commentaires sur une ligne (//) et sur plusieurs lignes (/* */), les supprime proprement en préservant une syntaxe RFC 8259 valide en sortie, et vous avertit si des commentaires ont été supprimés.
Quand activer l’échappement Unicode ?
Activez l’échappement Unicode quand vous envoyez des payloads JSON à des API backend anciennes ou à des protocoles qui ne gèrent que la transmission ASCII 7 bits. Pour les API HTTP modernes, l’UTF-8 natif est recommandé.
Mes données embellies sont-elles envoyées à un serveur ?
Non. Toute la logique d’analyse et de formatage s’exécute strictement dans le runtime local de votre navigateur. Zéro octet n’est envoyé, ce qui garantit une conformité totale au RGPD et aux règles de sécurité internes.