Как форматировать, валидировать и минифицировать JSON (бесплатно, в браузере)
Практическое руководство по pretty-printing, валидации и минификации JSON без загрузки чего-либо на сервер. Охватывает частые синтаксические ошибки и способы их исправления.
JSON — это lingua franca современного веба, но то, как API его возвращают, минифицированным в одну неразрывную строку, нечитаемо для людей. Это руководство описывает форматирование (pretty-printing), валидацию и минификацию JSON и объясняет, почему делать это в браузере без загрузки на сервер важно для конфиденциальных данных.
Что такое форматирование JSON?
Форматирование JSON, также известное как украшивание или pretty-printing, добавляет правильные отступы, переносы строк и единообразные интервалы к компактному JSON, чтобы он стал легко читаемым. Однострочный ответ API превращается в четко структурированное дерево, где каждое свойство находится на отдельной строке. Форматирование увеличивает размер файла, но не влияет на валидность; машины парсят компактный и отформатированный JSON одинаково.
Как отформатировать JSON
- Вставьте ваш JSON в область ввода.
- Нажмите «Форматировать», чтобы украсить его правильными отступами.
- Проверьте статус валидации; инструмент мгновенно подсвечивает любую синтаксическую ошибку.
- Используйте «Минифицировать», чтобы сжать JSON для продакшена, или «Копировать», чтобы скопировать результат.
Частые ошибки JSON и как их исправить
Когда JSON содержит синтаксические ошибки, хороший валидатор указывает на точную строку и позицию символа. Вот ошибки, которые вызывают большинство сбоев:
- Конечные запятые перед закрывающей скобкой, напр. {"a": 1,}.
- Ключи без кавычек: ключи должны быть в двойных кавычках ({ "a": 1 }, а не { a: 1 }).
- Одинарные кавычки вместо двойных: JSON требует двойные кавычки для строк.
- Отсутствующие запятые между элементами объекта или массива.
Когда минифицировать JSON
Минификация удаляет все лишние пробелы, переносы строк и отступы, сжимая JSON до минимально возможного представления. Это необходимо для продакшена, где важен каждый байт: отформатированный файл размером 50 KB часто можно сжать примерно до 30 KB, что дает сокращение размера передачи на ~40%. Во время разработки читайте с форматированием, затем минифицируйте для развертывания.
Почему браузерный форматтер безопаснее
Разработчики часто вставляют конфигурационные файлы, ответы API и учетные данные как JSON. Если форматтер загружает эти данные на сервер, они покидают ваше устройство. Клиентский форматтер обрабатывает все в вашем браузере с помощью JavaScript, поэтому ничего не передается. Вы можете убедиться в этом сами, открыв DevTools; вкладка Network не покажет исходящих запросов с вашими данными.
Готовы попробовать? Откройте форматтер, валидатор и конвертер JSON и вставьте ваши данные. Все выполняется локально в вашем браузере.