DevToolPal
UK

Деревоподібний редактор JSON

Переглядайте JSON як дерево, що згортається, і редагуйте ключі, значення й типи на місці — JSON оновлюється одразу.

Працює локально, нічого не завантажується на сервер

Параметри

Відступ

JSON

0 симв. · 0 B

Дерево

Тут з’явиться результат

Що робить інструмент

Деревоподібний редактор JSON перетворює JSON-документ на дерево, що згортається, яке можна переглядати й редагувати безпосередньо. Замість того щоб шукати пропущену кому в довгому текстовому файлі, ви змінюєте значення в невеликому полі, а інструмент сам переписує коректний JSON.

Це зручно для конфігураційних файлів, відповідей API, тестових фікстур і файлів перекладів — усього, де спершу треба зрозуміти структуру, а потім внести кілька точних змін.

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

  1. Вставте JSON у поле ліворуч або завантажте приклад.
  2. Дослідіть дерево. Клацніть стрілку біля об’єкта чи масиву, щоб розгорнути чи згорнути його, а параметром Розгорнути рівнів виберіть, наскільки глибоко дерево розкривається за замовчуванням.
  3. Редагуйте на місці:
    • Клацніть ключ, щоб перейменувати його. Ключі зберігають своє місце в об’єкті.
    • Клацніть рядок чи число, щоб змінити його. Для булевих значень є меню true/false.
    • Меню типу праворуч у кожному рядку перетворює значення на інший тип JSON.
    • Натисніть +, щоб додати дочірній елемент до об’єкта чи масиву, або ×, щоб видалити вузол.
  4. Натисніть Enter або клацніть деінде, щоб застосувати зміну, чи Escape, щоб скасувати її.
  5. Скопіюйте оновлений JSON із поля вхідних даних. Параметр Відступ визначає, як його відформатовано.

Шляхи

Коли ви вибираєте рядок, показується його шлях у стилі JSONPath, як-от $.author.name чи $.keywords[2], з кнопкою копіювання. Ключі, що не є простими ідентифікаторами, беруться в лапки, наприклад $["first name"]. Шляхи корисні, коли ви пишете код чи запити, що читають те саме поле, — наприклад, з jq, optional chaining у JavaScript або JSON-функцією бази даних.

Безпечне редагування

Редагування ніколи не дає некоректного JSON. Якщо зміну неможливо застосувати — наприклад, перейменувати ключ на вже наявний чи ввести літери в число, — інструмент показує повідомлення над деревом і лишає документ без змін.

Якщо JSON ліворуч містить синтаксичну помилку, замість дерева показується помилка з рядком і стовпцем, тож ви можете виправити текст і продовжити.

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

› Чи зберігаються мої зміни в тексті JSON?

Так. Кожна зміна в дереві одразу записується назад у JSON ліворуч із вибраним відступом, тож скопіювати чи зберегти його можна будь-коли.

› Як додавати чи видаляти елементи?

Кнопкою з плюсом у рядку об’єкта чи масиву додавайте дочірній елемент, а кнопкою з хрестиком у будь-якому рядку — видаляйте його. Нові члени об’єкта отримують ключ-заповнювач на кшталт key чи key2, який можна перейменувати.

› Що відбувається, коли я змінюю тип?

Інструмент зберігає все, що може. Число, перетворене на рядок, стає своїм текстом, масив стає об’єктом із ключами-індексами, а об’єкт — масивом своїх значень.

› Чи завантажується мій JSON на сервер?

Ні. Розбір і редагування відбуваються у вашому браузері.