# Красивый JSON Diff

Сравнивает два объекта JSON и отображает их различия в читаемом формате

> Каноническая страница: https://elysiatools.com/ru/tools/pretty-json-diff

- **Категория:** Converter

- **Ключевые слова:** json, diff, сравнить, красивый, формат, различие, изменения, объект

## Обзор

Инструмент для визуального сравнения двух JSON-объектов, который позволяет быстро находить изменения, добавленные или удаленные поля в структурированных данных.

## Входные данные

- **Первый JSON** (textarea): {"name": "John", "age": 30}
- **Второй JSON** (textarea): {"name": "John", "age": 31}
- **Показать Неизмененные Поля** (checkbox)
- **Использовать Цветовые Коды** (checkbox)

## Когда использовать

- При необходимости проверить изменения в конфигурационных файлах после обновлений.
- Для отладки API-ответов при поиске расхождений между ожидаемыми и полученными данными.
- Когда нужно сравнить две версии сложного JSON-объекта, чтобы понять, какие параметры были изменены.

## Как это работает

- Вставьте первый JSON-объект в поле «Первый JSON», а второй — в поле «Второй JSON».
- Настройте параметры отображения, выбрав показ неизмененных полей или цветовое выделение различий.
- Нажмите кнопку сравнения, чтобы получить наглядный отчет с подсвеченными изменениями в структуре данных.

## Сценарии использования

- Сверка конфигураций серверов в формате JSON.
- Анализ изменений в ответах API при разработке фронтенда.
- Проверка целостности данных при миграции между базами данных.

## Частые вопросы

### Нужно ли устанавливать дополнительное ПО?

Нет, инструмент работает полностью в браузере.

### Можно ли скрыть поля, которые не изменились?

Да, снимите галочку «Показать Неизмененные Поля», чтобы видеть только различия.

### Поддерживает ли инструмент большие JSON-файлы?

Да, инструмент эффективно обрабатывает объемные структуры данных.

### Безопасны ли мои данные?

Обработка происходит локально, данные не передаются на сервер.

### Как интерпретировать цветовые коды?

Цвета помогают визуально отделить добавленные, удаленные и измененные значения в структуре.

## Связанные инструменты

- [Извлекатель ключей JSON](https://elysiatools.com/ru/tools/json-key-extractor): Извлекает все ключи из объектов JSON с множественными форматами вывода. Идеально для анализа структуры JSON, генерации документации и понимания сложных вложенных объектов.
- [Удалитель BOM Символов](https://elysiatools.com/ru/tools/data-bom-remover): Удаление BOM (Byte Order Mark) символов из текстового и файлового содержимого. Идеально для очистки текстовых файлов с проблемами кодировки.
- [Форматировщик JSON](https://elysiatools.com/ru/tools/json-formatter): Форматирует и проверяет данные JSON
- [Валидатор JSON Schema](https://elysiatools.com/ru/tools/json-schema-validator): Проверка данных JSON по схеме JSON для проверки структуры и типов данных
- [Сравнение Пакетов AGEX](https://elysiatools.com/ru/tools/agex-bundle-diff): Сравнивает два AGEX-пакета и показывает отличия в метаданных и защите
- [Извлечение мелодического контура](https://elysiatools.com/ru/tools/audio-melody-contour-extractor): Извлекает ведущую мелодию и помещает MIDI, события нот, контур высоты, SVG и JSON в ZIP.
- [Семантическое сравнение конфигураций](https://elysiatools.com/ru/tools/config-file-semantic-diff): Сравнивает конфигурации JSON, YAML, TOML и dotenv по путям ключей, игнорируя порядок и шум форматирования.
- [Экстрактор токенов темы ECharts](https://elysiatools.com/ru/tools/echarts-theme-token-extractor): Извлекает дизайн-токены — цвета, числа, размеры шрифтов и строки — из JSON темы ECharts и экспортирует их прямо в вашу дизайн-систему. Вставьте объект темы (тот, что регистрируется и передаётся в echarts.init(dom, themeName)) — инструмент обойдёт каждый лист, пометит каждый цвет (с опциональной нормализацией имя/rgb → hex), числовой отступ, размер шрифта и строку, затем выдаст чистые CSS-переменные, конфиг theme.extend для Tailwind, tokens.json Style Dictionary или SCSS-переменные. Мост между темой визуализации ECharts и дизайн-токенами Figma/CSS/Tailwind без копирования каждого значения вручную.

## Примеры

- [Примеры JSON](https://elysiatools.com/ru/samples/json): Примеры формата JSON (JavaScript Object Notation) от простых до сложных структур
- [JSON Примеры Terraform Plan](https://elysiatools.com/ru/samples/terraform-plan-json-samples): Файлы Terraform plan JSON для визуализации зависимостей и проверки изменений, похожие на terraform show -json
- [Примеры JSON чата](https://elysiatools.com/ru/samples/chat-transcript-json): Примеры JSON для чат-транскриптов с несколькими ролями
- [Примеры JSON для Rich Text](https://elysiatools.com/ru/samples/rich-media-json): Примеры JSON для редакторов rich text (TipTap, Quill, Slate)

## Связанные материалы

- [Инструменты сравнения файлов и данных](https://elysiatools.com/ru/hubs/file-data-diff-comparison-tools): Сравните два артефакта, выберите подходящую ветку diff для формата, проверьте структурные или семантические изменения и завершите проверкой целостности, когда для принятия нужна точность на уровне байтов.
- [Рабочий процесс проверки и нормализации изменений JSON](https://elysiatools.com/ru/hubs/json-format): Зафиксируйте вход JSON или JSONL, сравните его с базовой версией или конфигурацией среды, исследуйте сигналы качества и передайте документированный нормализованный результат.
- [Инструменты JSON для проверки, утилит и преобразования](https://elysiatools.com/ru/hubs/json-utility): Форматируйте, проверяйте, сравнивайте, объединяйте, преобразуйте, валидируйте, анализируйте и маркируйте JSON для API и данных.