Formateur JSON
Indentez et embellissez les données JSON avec une structure appropriée et une coloration syntaxique. Fonctionne entièrement dans votre navigateur - vos données ne quittent jamais votre appareil.
Les charges utiles JSON représentent plus de 90 % du trafic des API REST, selon le rapport 2023 de Postman sur l'état des API. Lorsqu'une réponse API revient sous la forme d'une seule ligne illisible, vous avez besoin d'un formateur. Cet outil analyse et indente le JSON dans votre navigateur en utilisant les moteurs natifs JSON.parse et JSON.stringify. Aucune donnée ne quitte votre appareil. Les développeurs traitant régulièrement les réponses API rencontrent souvent des sorties minifiées provenant d'environnements de staging, de webhooks tiers et d'exports de bases de données - ce formateur gère tous ces cas instantanément.
Comment formater JSON
- Collez votre JSON brut ou minifié dans la zone d'entrée.
- Cliquez sur Format pour appliquer l'indentation et la structure.
- Examinez la sortie formatée dans le panneau de droite.
- Copiez le résultat ou téléchargez-le en tant que fichier
.json. - Utilisez l'indicateur d'erreur pour repérer et corriger immédiatement les problèmes de syntaxe.
Comment fonctionne le formatage JSON
Explication du formatage
Le formatage ajoute une indentation, des sauts de ligne et des espaces cohérents à une chaîne JSON afin que la hiérarchie des données devienne lisible. La RFC 8259, la norme IETF actuelle pour JSON, ne définit aucune exigence d'espace entre les jetons - toute quantité d'espace est valide. Le formatage exploite cette flexibilité pour améliorer la lisibilité sans altérer la sémantique.
Options d'indentation
L'indentation de deux espaces est la valeur par défaut dans la plupart des outils JavaScript (Prettier, ESLint) et produit une sortie compacte pour des structures profondément imbriquées. L'indentation de quatre espaces correspond à la sortie par défaut de json.dumps(data, indent=4) de Python. Cet outil prend en charge les deux styles pour correspondre aux conventions de votre équipe.
Exemple
Entrée (minifiée)
{"user":{"id":1,"name":"Alice","roles":["admin","editor"],"active":true}}Sortie (indentation de 2 espaces)
{
"user": {
"id": 1,
"name": "Alice",
"roles": [
"admin",
"editor"
],
"active": true
}
}Quand les formateurs font gagner du temps
- Débogage API - Collez une réponse API brute pour lire les objets et tableaux imbriqués d'un coup d'œil
- Fichiers de configuration -
package.json,tsconfig.jsonou configuration d'application lisible avant de s'engager dans le contrôle de version - Exports de base de données - Les colonnes JSON de MongoDB, PostgreSQL ou les réponses Elasticsearch arrivent souvent minifiées
- Revue de code - Embellissez le JSON minifié tiers avant de le comparer dans git
Erreurs courantes
- Virgules finales -
{"a": 1,}est un JavaScript valide mais pas un JSON valide selon la RFC 8259 ; supprimez la dernière virgule - Chaînes entre guillemets simples -
{'key': 'value'}est invalide ; JSON nécessite des guillemets doubles - Commentaires JavaScript -
// commentaireet/* commentaire */n'ont pas d'équivalent en syntaxe JSON ; supprimez-les d'abord - Caractères de contrôle non échappés - Les caractères de tabulation et les nouvelles lignes à l'intérieur des valeurs de chaîne doivent être échappés en tant que
Après validation avec le Validateur JSON, utilisez ce formateur pour indenter la sortie. Pour compresser le JSON formaté à nouveau pour les charges utiles de production, le Minificateur JSON inverse le processus. Pour encoder JSON à l'intérieur des en-têtes HTTP ou des chaînes de requête, le Encodeur Base64 gère le transport sécurisé des binaires.
Questions fréquentes
Mes données JSON sont-elles sécurisées lorsque j'utilise cet outil ?
Oui. Tout le formatage se fait dans votre navigateur en utilisant les méthodes natives de JavaScript JSON.parse et JSON.stringify. Votre JSON n'est jamais transmis à un serveur - vérifiez l'onglet Réseau de votre navigateur et vous verrez zéro requête sortante pendant le formatage. Les clés API, les jetons et les données personnelles restent privées.
Qu'est-ce que le formatage JSON ?
Le formatage ajoute une indentation, des sauts de ligne et des espaces cohérents à une chaîne JSON. Le résultat formaté est sémantiquement identique à l'original - seul l'espace entre les jetons change, ce que permet explicitement la RFC 8259. Un JSON minifié et sa version formatée analysent la même structure de données.
Pourquoi mon JSON affiche-t-il une erreur après que j'essaie de le formater ?
Le formateur valide le JSON au fur et à mesure qu'il l'analyse. Problèmes courants : virgules finales après le dernier élément d'un tableau ou d'un objet, chaînes entre guillemets simples au lieu de guillemets doubles, barres obliques inverses non échappées à l'intérieur des chaînes, et syntaxe spécifique à JavaScript comme les commentaires ou undefined - aucun de ces éléments n'est valide selon la RFC 8259. Utilisez le Validateur JSON pour un rapport d'erreur précis sur les lignes et les colonnes.
Puis-je formater des fichiers JSON très volumineux ?
Oui. L'outil utilise le moteur JavaScript natif de votre navigateur, donc il gère des fichiers raisonnablement volumineux rapidement. Pour les fichiers de plus de 50 Mo, les performances dépendent de la mémoire et du CPU disponibles sur votre appareil. Le navigateur peut faire une pause brièvement lors de l'analyse de très grandes charges utiles - c'est un comportement attendu, pas un bug.
Le formatage modifie-t-il mes données JSON ?
Non. Le formatage n'ajoute que de l'espace - indentation et nouvelles lignes entre les jetons. Les clés, les valeurs, l'imbrication et l'ordre des éléments restent identiques à l'original. Vérifiez en minifiant la sortie formatée et en la comparant à votre entrée minifiée d'origine.