DT Dev Tools

JSON Formatter — Форматирование и проверка JSON, JSON5

Форматируйте, проверяйте и минифицируйте JSON: дерево со сворачиванием, точная строка и столбец ошибки, сортировка ключей и JSON5/JSONC. Работает в браузере.

🔒 Работает полностью в вашем браузере — ничего не загружается

Был ли инструмент полезен? Оцените его:

Что делает JSON Formatter

JSON Formatter проверяет JSON по мере ввода, а затем записывает его обратно либо с читаемыми отступами (2 пробела, 4 пробела или табуляция), либо в виде компактного значения в одну строку. Он полезен для просмотра ответов API, метаданных пакетов, фрагментов конфигурации, полезной нагрузки вебхуков, значений из хранилища браузера и тестовых фикстур. Если ввод некорректен, инструмент сообщает точную строку и столбец, выводит проблемную строку со стрелкой под ошибкой и может сразу перенести курсор в это место — так лишние запятые, пропущенные кавычки и несбалансированные скобки находятся за секунды.

Корректные документы также показываются в виде дерева со сворачиванием. Объекты и массивы показывают количество ключей или элементов, дочерние узлы отрисовываются только при раскрытии узла, поэтому большие файлы остаются отзывчивыми, а щелчок по ключу копирует его путь в стиле JavaScript, например $.orders[3].total. Сортируйте ключи по алфавиту, чтобы упростить сравнение двух полезных нагрузок, и открывайте или скачивайте файлы .json напрямую. Файлы конфигурации часто используют JSONC или JSON5 с комментариями, одинарными кавычками и лишними запятыми; включите мягкий режим, чтобы прочитать их и преобразовать в строгий JSON.

Приватный рабочий процесс в браузере

Вся обработка выполняется с помощью JavaScript в браузере. Инструмент не загружает на сервер ваши тексты, токены, URL-адреса, фрагменты или сгенерированные значения и не требует аккаунта. Такая модель приватности важна, потому что небольшие утилиты при устранении неполадок часто получают реальные ответы API, образцы конфигураций, журналы, данные аутентификации или примеры, похожие на данные клиентов. Локальная работа снижает риск и делает инструмент мгновенным, так как нет сетевого обмена.

Практические советы

Используйте форматирование с отступами при чтении вложенных данных и минификацию, когда нужно компактное значение для переменной окружения, фикстуры или примера в документации. Сортировка ключей меняет только порядок свойств объектов, но никогда не порядок элементов массивов, поэтому она безопасна для конфигурации, но может иметь значение, если потребитель полагается на порядок свойств. Ваш черновик хранится в этом браузере несколько дней, так что случайная перезагрузка его не уничтожит — используйте Clear, если работаете с конфиденциальными данными. Очень большие числа за пределами безопасного диапазона целых чисел JavaScript теряют точность при разборе — это свойство JSON в браузере, а не данного инструмента.

Как использовать

  1. Вставьте или откройте JSONВставьте JSON или откройте файл .json; он проверяется по мере ввода.
  2. Выберите параметрыВыберите 2 пробела, 4 пробела или табуляцию, сортировку ключей и при необходимости разрешите JSON5/JSONC.
  3. Отформатируйте, изучите и скопируйтеОтформатируйте или минифицируйте, просмотрите дерево, затем скопируйте или скачайте результат.

Часто задаваемые вопросы

Поддерживаются ли комментарии и лишние запятые?
Да, по желанию. Отметьте «Разрешить JSON5 / JSONC», чтобы принимать комментарии, лишние запятые, одинарные кавычки и ключи без кавычек (как в tsconfig.json или настройках VS Code); на выходе всегда строгий JSON.
Как найти синтаксическую ошибку?
Статус показывает строку и столбец первой ошибки, проблемную строку со стрелкой под ошибкой и кнопку «Перейти к ошибке», которая выделяет это место в редакторе.
Есть ли древовидное представление?
Да. Корректный JSON показывается в виде дерева со сворачиванием и количеством элементов. Щёлкните по любому ключу, чтобы скопировать его путь, например $.users[0].email.
Загружается ли JSON?
Нет. Разбор и форматирование выполняются локально в браузере.