JSON: форматирование, проверка и минификация

Форматирование, валидация и минификация JSON прямо в браузере

JSON, сокращение от JavaScript Object Notation, — это общий язык современного веба. Практически каждый вызываемый REST API возвращает именно его, большинство конфигурационных файлов опираются на него, и огромная доля данных, передаваемых между сервисами и фронтендом, сериализована в JSON. Популярность формата объяснима: он прост, не зависит от языка программирования и естественно отображается на объекты, массивы, строки и числа, с которыми программисты работают каждый день. Но эта же компактность имеет оборотную сторону. Как только сервер возвращает однострочный ответ с сотнями вложенных ключей, структура, делавшая JSON удобным, растворяется в стене символов.

JSON Formatter на speedor.net возвращает эту структуру обратно. Вставьте данные — и инструмент тут же красиво отформатирует, проверит и при необходимости минифицирует JSON, полностью в рамках вашей вкладки браузера. Никакие данные не отправляются на сервер, а это принципиально важно, когда в проверяемой нагрузке содержатся токены, записи клиентов или внутренние идентификаторы.

Почему отступы снова делают JSON читаемым

Форматирование — его ещё называют «украшением» или pretty-print — берёт компактный или минифицированный JSON и добавляет переносы строк с единообразными отступами. Информация остаётся той же; изменяются только пробелы. Но именно они позволяют взгляду следить за глубиной вложенности, замечать, где заканчивается один объект и начинается следующий, и отличать массив из трёх элементов от массива из трёхсот. Когда вы отлаживаете интеграцию в два часа ночи, разница между читаемым деревом и непрерывной строкой — это разница между найденной ошибкой и пропущенной.

Хороший форматировщик сохраняет порядок ключей и точные значения, поэтому то, что вы читаете, — это действительно то, что прислал API. Перед вами не перерисованное приближение, а те же байты, просто расставленные так, чтобы человек мог разобрать их так же легко, как и машина.

Валидация и ошибки, на которых спотыкаются все

Красивое оформление — лишь половина дела. Прежде чем JSON можно будет отформатировать, он должен быть валидным, а строгие правила формата ловят куда больше ошибок, чем принято думать. Валидатор разбирает ввод и точно указывает, где он ломается, — как правило, с указанием строки и позиции, чтобы не искать проблему вслепую. Приведённые ниже ошибки составляют подавляющее большинство случаев некорректного JSON:

• Завершающие запятые. JSON запрещает запятую после последнего элемента объекта или массива. JavaScript её терпит, и именно поэтому разработчики вставляют её по привычке.
• Одинарные кавычки. Строки и ключи должны использовать двойные кавычки. Объектный литерал, скопированный прямо из исходного кода, нередко содержит одинарные кавычки, и парсер отвергает его.
• Ключи без кавычек. Каждый ключ должен быть строкой в кавычках. Голые ключи, работающие в объектах JavaScript, не являются валидным JSON.
• Незакрытые или непарные скобки. Незакрытая { или [, а также лишняя закрывающая, ломают весь документ. Форматировщик подсветит место нарушения баланса.
• Комментарии и undefined. В JSON нет комментариев и нет undefined: допускаются только null, булевы значения, числа, строки, массивы и объекты.

Прогоните подозрительную нагрузку через валидатор — и эти проблемы всплывут за секунды, а не после запутанной цепочки неудачных деплоев.

Минификация для уменьшения объёма данных

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

Локальная обработка сохраняет конфиденциальность

Поскольку каждый шаг выполняется в JavaScript внутри вашего браузера, вставленный JSON никогда не покидает ваше устройство. Это не маркетинговое украшение — это практическая гарантия. Можно вставить сырой API-ответ с bearer-токенами, экспорт пользовательских данных или конфиг внутреннего сервиса, не опасаясь, что сторонний сервер это залогирует. Закройте вкладку — и данных больше нет. Для всех, кто работает в условиях требований к обработке данных, полностью локальная обработка устраняет целый класс рисков.

Если ваш JSON уже в порядке, можно пойти дальше. Изучите раздел инструментов разработчика, конвертируйте структуру с помощью JSON в YAML или декодируйте встроенное значение через Base64. Каждый инструмент следует одному принципу: быстро, бесплатно и полностью в браузере.

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