Форматер і валідатор JSON онлайн

Як користуватися

1. Вставте свій JSON у поле вводу зліва (або натисніть "Завантажити приклад", щоб спробувати).
2. Оберіть відступ у 2 чи 4 пробіли.
3. Натисніть "Форматувати", щоб покращити вигляд, або "Мініфікувати", щоб стиснути до одного рядка.
4. Якщо JSON недійсний, прочитайте повідомлення про помилку під полями, щоб знайти проблему.
5. Натисніть "Копіювати", щоб скопіювати результат у буфер обміну.

Приклад

Введення

{"name":"CodeKitHub","tools":["json","base64"],"free":true}

Результат

{
  "name": "CodeKitHub",
  "tools": [
    "json",
    "base64"
  ],
  "free": true
}

Ті самі дані, відформатовані з відступом у 2 пробіли. Мініфікація робить навпаки: видаляє всі пробіли.

Що це за інструмент?

Форматер JSON бере необроблений, мініфікований чи безладний текст JSON і переписує його з послідовними відступами та розривами рядків, щоб його стало легко читати. JSON (JavaScript Object Notation) — найпоширеніший формат даних, який використовують API, конфігураційні файли та системи логування, але сервери зазвичай надсилають його як один довгий нечитабельний рядок, щоб заощадити трафік.

Цей інструмент також працює як валідатор JSON: він розбирає ваші дані за тими самими суворими правилами, які використовують браузери, тож якщо у вашому JSON бракує коми, ключ без лапок чи зайва кома в кінці, ви побачите точне повідомлення про помилку замість тихого збою.

JSON формально визначений двома узгодженими стандартами, RFC 8259 і ECMA-404 — і специфікація навмисно суворіша за сам JavaScript, тому фрагмент, що чудово виконується як код JS, може все ж не пройти сувору валідацію JSON тут.

Практичні поради

• Налагоджуєте API? Спочатку вставте необроблену відповідь, форматуйте потім — валідатор точно вказує рядок і стовпець будь-якої синтаксичної проблеми, що краще, ніж вдивлятися в однорядковий блок.
• Використовуйте відступ у 2 пробіли для читання на екрані та мініфікуйте перед вставленням JSON у URL, змінну середовища чи повідомлення в чаті — там пробіли лише коштують байтів.
• Коментарі у стилі JSON5 та зайві коми в кінці — дві найпоширеніші причини, чому написана вручну конфігурація "виглядає нормально", але не проходить валідацію: сувора специфікація JSON не допускає жодного з них.
• Для дуже великих файлів (логи, дампи баз даних) форматуйте лише той фрагмент, який вам потрібен — ваш редактор залишається чутливим, а структуру легше відстежувати.

Де це знадобиться в реальних завданнях

Найпоширеніший сценарій, який ми бачимо: API повертає JSON у форматі Base64 чи мініфікований усередині токена чи payload вебхука. Спочатку декодуйте Base64, потім відформатуйте JSON, а потім порівняйте дві відповіді, коли щось змінилося між середовищами. Для кожного кроку тут є спеціальний інструмент, і ваші payload-и ніколи не залишають браузер на жодному з них.

Frontend-розробники використовують напрямок мініфікації так само часто, як і форматування: постачаєте великий статичний файл JSON? Мініфікація зазвичай економить 20–30% ще до gzip.

→ Кодувальник / декодувальник Base64 · Порівняння тексту

Поширені випадки використання

• Читання мініфікованої відповіді API, повернутої як один нечитабельний рядок, щоб зрозуміти її структуру під час налагодження.
• Перевірка конфігураційного файлу (наприклад, package.json чи налаштувань на основі JSON), який чомусь неправильно читається застосунком.
• Поширення читабельного, відформатованого фрагмента JSON у звіті про помилку, код-ревʼю чи документації.
• Зменшення payload JSON до найменшої форми перед вбудовуванням у параметр URL чи збереженням у стовпці бази даних з обмеженнями розміру.

Навіщо його використовувати?

Швидко налагоджуйте відповіді API — перетворіть однорядкову відповідь на читабельну структуру одним кліком.

Миттєво знаходьте синтаксичні помилки з точною причиною, чому JSON не вдалося розібрати.

Мініфікуйте JSON перед вбудовуванням у код чи надсиланням через мережу.

На 100% приватно: розбір відбувається у вашому браузері, нічого не завантажується і не зберігається.

Без входу в акаунт, без обмежень, працює на мобільних.

Часті запитання