JSON Smart Diff
Две панели · Подсветка изменений · Текст/визуал
Умное сравнение
Готово
ABOUT
О JSON Smart Diff
Сравнение двух JSON по структуре и значениям — визуальная подсветка или текстовый отчёт — для быстрого обнаружения изменений API-ответов.
Проверка API-контракта перед релизом, config drift, обновления Mock — Diff одна из самых частых JSON-операций. JSONSort сравнивает локально; ни одна копия не покидает устройство.
DEEP DIVE
Подробнее о JSON Smart Diff
Версии API, hot config, A/B regression — часто нужно понять «где эти два JSON отличаются». Текстовый diff шумит для JSON: порядок ключей и отступы дают ложные сигналы. JSONSort сравнивает по JSON-семантике с чёткой подсветкой add/remove/change.
Визуальный dual-pane Diff и текстовый отчёт. Визуал — для быстрого просмотра; текст — для PR или Jira.
Diff использует разобранный JSON AST — не построчный текст. Отступы и порядок ключей не дают ложных срабатываний; подсвечиваются реальные добавления, удаления и изменения значений — удобно для Code Review и release checklist.
FEATURES
Ключевые возможности
Двухпанельный ввод
Слева baseline, справа сравнение — интуитивная раскладка.
Визуальная подсветка
Зелёный — добавлено, красный — удалено, жёлтый — изменено — структурные изменения на виду.
Текстовый Diff-отчёт
Переключение на plain text diff для копирования в документы или IM.
Семантическое сравнение структуры
Сравнение по JSON key/value semantics — меньше шума от пробелов и порядка.
Локальная обработка
Ни один JSON не загружается — безопасно для чувствительных API-ответов.
Обновление в реальном времени
Изменение любой стороны → автоматический re-diff без кнопки.
Summary
Статистика изменений и summary по путям для PR.
Переключение режимов
Визуал и текстовый отчёт — в один клик.
HOW TO USE
Шаги использования
-
1
Вставьте JSON в левую и правую колонки
-
2
Выберите визуальный или текстовый Diff
-
3
Просмотрите подсветку и скопируйте отчёт
-
4
В панели опций: отступ, JSON5, сортировка и др.
-
5
Копируйте результат или продолжите с Diff / извлечением путей
WORKFLOW
Типичный workflow
Полный цикл от импорта до экспорта — единообразное использование JSON Smart Diff в команде.
Подготовьте два JSON
Слева baseline (старый API/production config), справа версия для сравнения.
Предформатирование
Опционально: отформатируйте обе стороны — меньше шума от пробелов.
Выберите режим Diff
Быстрый просмотр — визуал; архив — текстовый отчёт.
Подтвердите изменения
По подсветке проверьте ожидаемость изменений, скопируйте summary в PR.
USE CASES
Сценарии использования
Backend-разработка
Review изменений структуры ответа API v1 → v2 — deprecated и новые поля.
Инженер по тестированию
При регрессионном тестировании — diff фактического и ожидаемого JSON.
DevOps
Сравнение JSON ConfigMap между двумя деплоями.
Frontend-разработка
После обновления Mock — Diff полей, влияющих на рендеринг компонентов.
API product
Сравнение примеров документации с реальным API — согласованность docs и реализации.
Администратор конфигурации
Diff JSON-конфигов Nacos / Apollo до и после релиза.
TIPS
Советы
- Перед Diff отформатируйте оба JSON — результат чище.
- Для крупных JSON сначала удалите лишние поля (Merge & Clean), затем сравните ядро.
- Summary текстового отчёта — готовый материал для changelog.
- Элементы массива сравниваются по индексу; если важен только состав — сначала сортировка.
- В визуальном режиме колонки прокручиваются независимо — удобно сверять один уровень.
- При API-отладке вставьте два Postman response слева/справа — diff за секунды.
- При сравнении v1/v2 сохраните оба в файлы для повторного Diff.
- Если важны только часть полей — сначала извлеките поддерево через path extraction.
- Текстовый отчёт удобен для Slack / Feishu как запись об изменениях.
- При сильном различии размеров JSON проверьте, не перепутали ли окружения.
LOCAL VS ONLINE
Локально vs онлайн-инструменты
JSONSort — чистый frontend: почему локальные инструменты лучше для dev-данных.
TROUBLESHOOTING
Типичные ошибки и решения
Частые проблемы и рекомендации — меньше проб и ошибок.
Слишком много шума в Diff
Совет:Отформатируйте и отсортируйте ключи; или удалите timestamp и другие изменяемые поля.
Элементы массива не совпадают
Совет:Массивы по индексу; если важен состав — сортировка или маппинг по id.
Одна сторона не парсится
Совет:Сначала исправьте синтаксис через форматировщик — обе стороны должны быть валидным JSON.
Выглядят одинаково, но есть различия
Совет:Проверьте скрытые различия типов (строка "123" vs число 123).
FAQ
Частые вопросы
Разный порядок массива — это различие?
Да, поэлементное сравнение по индексу — смена порядка покажется как изменение или add/delete.
Можно сравнить JSON и JSON5?
Да. Каждая сторона парсится отдельно; после успешного parse — сравнение по JSON-структуре.
Можно экспортировать визуальный Diff?
Summary и diff текстового отчёта можно скопировать.
Обе стороны должны быть валидным JSON?
Да. При ошибке синтаксиса — сообщение с номером строки.
Различия точности float — это изменение?
Да. 0.1 + 0.2 и подобное отображается как есть — при необходимости нормализуйте числа.
Можно игнорировать некоторые поля?
Сейчас полное сравнение. Удалите ненужные ключи вручную или через merge tool.
Данные уходят на сервер?
Нет. Все инструменты JSONSort работают локально в браузере.
Нужна регистрация или установка?
Нет. Откройте страницу — без аккаунта и клиента; поддержка PWA offline.
Какой максимальный размер файла?
Зависит от памяти браузера; обычно несколько MB. Огромные — разбейте или используйте merge/очистку.