JSON Formatter, Diff et Tree Viewer : comparer et explorer des payloads
Formatez, comparez deux réponses API et explorez un JSON profond — workflow debug sans extension IDE.
Trois outils complémentaires pour déboguer du JSON
Une fois la syntaxe validée, le vrai travail commence. Il faut lire un payload minifié, repérer ce qui a changé entre deux versions d'une API ou s'orienter dans une configuration imbriquée de plusieurs milliers de lignes. Le formateur JSON en ligne rétablit l'indentation d'un document compact avec 2 ou 4 espaces ou des tabulations. Le collage suffit à lancer le formatage. Le diff JSON compare deux documents côte à côte et liste les chemins modifiés, ajoutés ou supprimés. Le visualiseur JSON en arbre replie les branches profondes, surligne les résultats de recherche et vous évite de faire défiler des lignes interminables. Ces trois outils du hub outils JSON s'exécutent entièrement dans le navigateur, sans envoi à un serveur. Si le JSON est invalide, commencez par le guide valider et réparer du JSON avant de formater ou de comparer.
Bonnes pratiques et limites honnêtes
Formater ou comparer du JSON invalide produit des erreurs frustrantes. Respectez l'ordre : valider (et réparer si besoin) → formater ou explorer → diff → minifier pour la prod.
Chaque outil a un périmètre précis. Aucun ne remplace un IDE complet, et le diff ne fusionne pas les documents.
Quand utiliser le formateur, le diff ou l'arbre
Le formateur JSON analyse l'entrée, vérifie qu'elle est valide, puis la réécrit avec JSON.stringify et l'indentation choisie. Les valeurs restent les mêmes, mais le texte change : 89.0 devient 89, 1e3 devient 1000 et les échappements \u deviennent des caractères. Les clés en forme d'entier remontent en tête de leur objet. Les entiers au-delà de 2^53 sont arrondis et une clé en double ne garde que sa dernière valeur.
Le diff JSON exige deux documents valides. Il compare les données analysées, si bien que l'indentation et l'ordre des clés ne comptent pas. Il signale les valeurs modifiées, les clés ajoutées ou supprimées et les changements de type, chacun avec un chemin à points comme user.role.
Le visualiseur JSON construit un arbre interactif dès que le JSON est valide. À l'affichage, deux niveaux de clés sont visibles et les objets ou tableaux plus profonds sont repliés. La recherche porte sur les clés et les valeurs, sans tenir compte de la casse, et masque les branches qui ne correspondent pas. Les boutons Déplier et Replier ouvrent ou ferment toutes les branches d'un coup.
Si votre JSON contient des chaînes multilignes, des guillemets ou des séquences copiées depuis les outils de développement, passez d'abord par l'outil échapper JSON. Ses onglets « Échapper » et « Déséchapper » préparent ou restaurent les littéraux avec JSON.stringify et JSON.parse natifs.
\n et \" redeviennent du texte lisibleFormater, explorer, puis comparer
Vous copiez une réponse 200 depuis l'onglet Réseau des outils de développement. Elle tient sur une seule ligne de plusieurs ko.
Étape 1 : Valider (en cas de doute)
Collez-la dans le validateur JSON. En cas d'erreur de syntaxe, consultez le guide de réparation avant de continuer.
Étape 2 : Formater
Ouvrez le formateur JSON et collez la réponse. Le collage lance le formatage, et passer l'indentation à 2 ou 4 espaces le relance. Les données ne changent pas.
Étape 3 : Explorer en arbre (optionnel)
Pour un objet très imbriqué, collez la même sortie dans le visualiseur JSON. Repliez les branches inutiles et cherchez une clé précise.
Deux versions d'une configuration ou d'une réponse d'API doivent être comparées avant un déploiement.
Étape 1 : Normaliser (optionnel)
Le diff JSON ignore l'indentation et l'ordre des clés : vous pouvez coller les deux documents tels quels. Triez les clés dans le formateur seulement si vous voulez aussi un diff ligne à ligne court dans Git.
Étape 2 : Comparer
Collez l'original à gauche et la nouvelle version à droite dans le diff JSON, puis sélectionnez Comparer. Le résumé liste chaque chemin concerné.
Étape 3 : Creuser le delta
Un chemin suspect ? Copiez la branche dans le visualiseur JSON ou reformatez seulement cette partie pour la revue d'équipe.
Ces outils s'inscrivent dans une chaîne plus large sur le hub outils JSON.
Conclusion
Déboguer du JSON ne devrait pas exiger d'installer une extension ou d'envoyer des payloads sensibles sur un serveur tiers. Formatez pour lire, explorez en arbre pour vous repérer, comparez pour détecter les régressions, le tout en local sur FastMinify. Ajoutez la validation et la minification quand vous êtes prêt à livrer.
Explorez les outils JSON maintenant
Articles connexes
Collez un token et un JWKS pour vérifier une signature RS256, ES256 ou HS256 dans le navigateur. Choix par kid, erreurs mesurées, claims à contrôler.
HTTP/2 et HTTP/3 changent le trajet des fichiers, pas leur poids. Mesures de taille, de compilation et de bundling : ce que la minification apporte encore.
Convertissez un epoch Unix en date lisible et inversement, distinguez secondes et millisecondes, et évitez les pièges de fuseau, de JWT et de changement d’heure.