Comparateur JSON Diff

Apercu de l'outil : JSON Diff

JSON Diff compare deux documents JSON côte à côte et repère les chemins ajoutés, supprimés et modifiés. Il est utile pour le débogage d’API, la revue de configuration, la validation de contrats et l’analyse de régression.

Qu'est-ce que JSON Diff ?

JSON Diff parcourt récursivement deux structures JSON et remonte les changements au niveau des chemins. Au lieu de comparer visuellement du texte formaté, vous voyez directement quelles clés imbriquées ou quels éléments de tableau ont réellement changé.

Comment l'utiliser

1. Collez le JSON d’origine à gauche.
2. Collez le JSON mis à jour à droite.
3. Activez éventuellement le tri des clés avant la comparaison.
4. Lancez la comparaison pour consulter les différences, le JSON formaté et le rapport exportable.

Cas d'usage courants

• Comparer deux réponses API pour détecter une dérive de schéma.
• Vérifier des changements de configuration avant déploiement.
• Contrôler les données mockées face aux réponses réelles du backend.
• Valider les évolutions de structure lors d’une régression.

✨ Points forts

• 📍 Détection par chemin : affiche des chemins précis comme $.meta.locale ou $.items[2].status.
• 🔁 Comparaison récursive : objets par clé, tableaux par index.
• 🧹 Tri optionnel des clés : réduit le bruit causé uniquement par l’ordre des propriétés.
• 📦 Rapport copiable et téléchargeable : pratique pour les issues, revues ou PR.

📋 Exemple

JSON d’origine

{
  "project": "ToolMi",
  "version": "1.0.0",
  "features": {
    "jsonDiff": false,
    "jsonSchema": true
  },
  "tags": ["json", "compare", "nuxt"],
  "meta": {
    "locale": "en",
    "updatedAt": "2026-03-07"
  }
}

JSON mis à jour

{
  "project": "ToolMi",
  "version": "1.1.0",
  "features": {
    "jsonDiff": true,
    "jsonSchema": true,
    "jsonPath": true
  },
  "tags": ["json", "diff", "nuxt", "i18n"],
  "meta": {
    "locale": "fr",
    "updatedAt": "2026-03-08"
  }
}

Sortie typique

Changed $.version
Changed $.features.jsonDiff
Added $.features.jsonPath
Changed $.tags[1]
Added $.tags[3]
Changed $.meta.locale
Changed $.meta.updatedAt

🔧 Conseils d'utilisation

1. Vérifiez d’abord le JSON : retirez commentaires, virgules finales et guillemets invalides.
2. Triez les clés si l’ordre n’a pas d’importance : utile quand une API renvoie seulement les propriétés dans un ordre différent.
3. Regardez les chemins, pas la mise en forme : l’intérêt principal est la variation des valeurs et des emplacements.
4. Découpez les grands tableaux : comparez des extraits si la lecture devient trop lourde.

❓ FAQ

Q1 : Pourquoi deux JSON visuellement différents n’affichent aucune différence ?
R : L’outil compare la structure et les valeurs après parsing, pas les espaces ni l’indentation.

Q2 : Les tableaux sont comparés par valeur ou par position ?
R : Ils sont actuellement comparés par index. Un simple changement d’ordre sera donc signalé.

Q3 : Est-ce adapté au texte brut ?
R : Non, sauf si le contenu est un JSON valide. Pour du texte brut, utilisez l’outil de comparaison de texte.

Q4 : Peut-on exporter le résultat ?
R : Oui, vous pouvez copier le rapport ou télécharger un fichier de diff structuré.