JSON Diff — Comparateur de JSON

À quoi sert JSON Diff

JSON Diff compare deux valeurs JSON analysées et indique ce qui a changé à chaque chemin. Il est utile pour inspecter les modifications des réponses d'API, les changements de configuration, les mises à jour de fixtures, les payloads de feature flags, les exemples de webhooks, les fichiers de traduction et les données générées, lorsqu'un diff ligne par ligne produit trop de bruit. Au lieu d'afficher les changements de ponctuation, il parcourt récursivement les objets et les tableaux et étiquette les chemins comme ajoutés, supprimés, modifiés ou inchangés. Comme les deux côtés sont d'abord analysés en JSON strict, les erreurs de syntaxe sont détectées avant la comparaison, ce qui permet de distinguer une entrée invalide de véritables différences de structure.

Le rapport utilise des lignes colorées pour que les changements importants ressortent rapidement. Les valeurs ajoutées apparaissent en vert, les chemins supprimés en rouge, les valeurs modifiées en ambre et les chemins primitifs inchangés en texte atténué. Le rapport en texte brut peut être copié dans un ticket, une pull request, une note de débogage ou une revue de tests lorsque vous devez expliquer en quoi deux payloads diffèrent.

Un flux de travail privé dans le navigateur

Tout le traitement s'effectue dans votre navigateur avec du JavaScript côté client. L'outil n'envoie à aucun serveur vos extraits, valeurs de configuration, données générées, requêtes ou exemples copiés, et ne nécessite aucun compte. Ce fonctionnement exclusivement local est important pour les utilitaires de développement, car les contenus que l'on y colle ressemblent souvent à de vraies données d'application : réponses d'API, journaux, échantillons façon variables d'environnement, requêtes de base de données, balisage de brouillons ou valeurs copiées lors de sessions de débogage en production. Garder la transformation en local réduit les risques et rend l'interaction rapide, puisqu'il n'y a aucun aller-retour réseau.

L'interface est volontairement compacte : vous collez l'entrée, réglez les options, examinez la sortie, la copiez et retournez à votre éditeur. Les résultats doivent néanmoins être relus avant d'être commités, partagés publiquement ou utilisés dans un flux de production. Les outils en ligne dans le navigateur sont excellents pour l'inspection et la préparation rapides, mais ils ne peuvent pas connaître toutes les conventions d'un projet, les règles de classification des données ni les exigences de validation propres à votre application.

Conseils pratiques

Utilisez cet outil pour des extraits JSON de petite ou moyenne taille que vous devez comprendre rapidement. Les très gros documents sont parfois plus faciles à comparer dans un éditeur dédié, surtout lorsque les tableaux contiennent des éléments réordonnés ou des enregistrements sans identifiant stable. Ce diff dans le navigateur compare directement les positions des tableaux : un élément inséré en première position peut donc faire apparaître comme modifiées les entrées suivantes, même si les identités des objets sont conceptuellement les mêmes. Normalisez les horodatages générés, les identifiants aléatoires et les valeurs propres à l'environnement avant de comparer, afin de repérer plus facilement les vrais changements de contrat.