Описание инструмента
О Форматтер JSON
Форматтер JSON превращает сжатый, неаккуратный или скопированный из логов JSON в читаемую вложенную структуру и помогает найти строку, где ломается разбор.
Инструмент форматирует, минифицирует, проверяет и показывает JSON деревом прямо в браузере, что удобно для API-ответов, конфигов и отладочных payload.
Как пользоваться JSON Formatter
- Вставьте JSON в поле ввода или загрузите пример, чтобы увидеть ожидаемый вид результата.
- Нажмите Format для красивого вывода или Minify, чтобы убрать пробелы перед передачей.
- Если разбор не прошел, начните с указанной строки и колонки, затем проверьте запятые, кавычки и скобки.
- Скопируйте результат или откройте дерево, чтобы проверить глубоко вложенные поля.
Когда это полезно
- Развернуть однострочный API-ответ при отладке интерфейс или сервер интеграции.
- Проверить package.json, manifest или тестовые данные на завершающую запятую перед коммитом.
- Минифицировать запрос body, не ломая вручную содержимое строк.
- Отформатировать экранированный JSON из логов рабочей среды и сравнить его через Text Diff.
Синтаксис JSON и частые ошибки
Стандартный JSON допускает объекты, массивы, строки в двойных кавычках, числа, boolean и null. Часто ошибки появляются из-за JavaScript-подобного синтаксиса.
- Завершающая запятая: после последнего элемента объекта или массива не должно быть лишней запятой.
- Одинарные кавычки: строки и ключи JSON должны быть в двойных кавычках.
- Ключи без кавычек: {name:"dev"} это литерал JavaScript, а не JSON.
- Комментарии: стандартный JSON не поддерживает // или /* */; удалите их или используйте JSON5.
Частые вопросы: Форматтер JSON
- Мой JSON загружается на сервер?
- Нет. Форматирование, минификация, проверка и дерево выполняются локально в браузере; содержимое не отправляется на wetool.site.
- Чем отличаются Format и Minify?
- Format добавляет отступы и переносы строк. Minify удаляет лишние пробелы для передачи или однострочной настройки.
- Почему JSON считается невалидным?
- Обычно причина в завершающей запятой, одинарных кавычках, ключах без кавычек, несогласованных скобках или лишнем тексте из лога.
- Можно работать с большим JSON?
- Да. Тяжелый разбор по возможности выполняется в Web Worker, чтобы большие payload не замораживали интерфейс.
- Поддерживаются JSON5 или комментарии?
- Инструмент проверяет стандартный JSON. Комментарии, одинарные кавычки и завершающие запятые нужно сначала преобразовать.
Почему браузерный JSON Formatter
JSON часто содержит внутренние API-данные, токены, логи или пользовательские записи. Локальная обработка снижает риск отправить чувствительный payload на сторонний сервер.
Чек-лист перехода: строгий JSON и JSON5
Многие входные данные с ошибкой «не удалось отформатировать JSON» на самом деле являются объектами JavaScript или JSON5. Рабочие API, конфигурации и логи обычно ждут строгий JSON.
- Замените строки в одинарных кавычках на двойные и заключите каждый ключ объекта в кавычки.
- Удалите завершающие запятые, комментарии // и /* */ перед строгим парсером JSON.
- NaN, Infinity, undefined, объекты Date и функции не являются допустимыми значениями JSON; сначала преобразуйте их в строки, числа, логические значения, null, массивы или объекты.
Чек-лист отладки больших JSON
Большим ответам API и полезной нагрузке логов нужно не только форматирование: важно избежать зависания браузера и случайных правок.
- Сначала отформатируйте, затем ищите имена полей; это надёжнее, чем искать вложенные пути внутри однострочного JSON.
- Перед сравнением двух ответов отформатируйте оба с одинаковыми отступами, чтобы разница не состояла в основном из пробелов или минифицированной структуры.
- Если JSON пришёл из логов, удалите отметки времени, уровни логирования, экранирующие обёртки и окружающий текст, оставив только сам фрагмент JSON.