DT Dev Tools

JSON Formatter — Форматування та валідація JSON

Форматуйте, перевіряйте й мінімізуйте JSON з деревом, що згортається, точним рядком і стовпцем помилки, сортуванням ключів і підтримкою JSON5/JSONC. Усе в браузері.

🔒 Працює повністю у вашому браузері — нічого не завантажується

Чи був інструмент корисним? Оцініть його:

Що робить JSON Formatter

JSON Formatter перевіряє JSON під час введення, а потім записує його назад або з читабельними відступами (2 пробіли, 4 пробіли чи табуляції), або як компактне значення в один рядок. Він корисний для перегляду відповідей API, метаданих пакетів, фрагментів конфігурації, payload-ів вебхуків, значень у сховищі браузера та тестових фікстур. Якщо вхідні дані некоректні, інструмент повідомляє точний рядок і стовпець, виводить проблемний рядок зі стрілкою-вказівником під помилкою та може одразу перенести курсор до неї — тож зайві коми, пропущені лапки та незбалансовані дужки знаходяться за лічені секунди.

Коректні документи також показуються у вигляді дерева, що згортається. Об'єкти й масиви показують, скільки ключів чи елементів вони містять, дочірні вузли відображаються лише після відкриття вузла, щоб великі файли лишалися швидкими, а клік по ключу копіює його шлях JavaScript, наприклад $.orders[3].total. Сортуйте ключі за алфавітом, щоб легше порівнювати два payload-и, та відкривайте або завантажуйте файли .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?
Ні. Розбір і форматування відбуваються локально в браузері.