Перегляд дерева JSON

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

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

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

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

• Навігуйте глибоко вкладеними відповідями API чи конфігураційними файлами, не втрачаючи, яка дужка належить якому рівню.
• Шукайте за іменем ключа чи значенням і переходьте прямо до збігу, з автоматично розгорнутим шляхом.
• Плавно обробляє дуже великий JSON (кілька мегабайтів) — дочірні вузли будуються лише коли ви їх розгортаєте, тож нічого не заморожує вкладку.
• Бачите тип кожного значення з першого погляду — рядок, число, булеве, null, об'єкт чи масив — з чіткими мітками.
• На 100% приватно: розбір і рендеринг відбуваються повністю у вашому браузері, нічого не завантажується і не зберігається.

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

1. Вставте свій JSON у поле вводу або використайте вибір файлу, щоб завантажити файл JSON з диска.
2. Натисніть "Побудувати дерево", щоб створити інтерактивний перегляд.
3. Натисніть стрілку біля будь-якого об'єкта чи масиву, щоб розгорнути чи згорнути його — вузли глибше кількох рівнів автоматично починаються згорнутими, щоб великі файли залишалися чутливими.
4. Введіть ім'я ключа чи значення в поле пошуку, щоб знайти збіги; інструмент розгортає кожен батьківський вузол на шляху донизу та прокручує до результату й підсвічує його.
5. Використовуйте кнопки наступний/попередній, щоб переходити між кількома збігами.

Приклад

Введення

{"user":{"id":42,"name":"Ada","roles":["admin","editor"],"active":true,"manager":null}}

Результат

user: { 4 ключі }
  id: 42 (число)
  name: "Ada" (рядок)
  roles: [ 2 елементи ]
    0: "admin"
    1: "editor"
  active: true (булеве)
  manager: null

Кожен рядок показує ключ, його виведений тип, і або значення (для кінцевих вузлів), або згорнуту кількість (для об'єктів і масивів), доки ви його не розгорнете.

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

• Для величезних відповідей API спочатку шукайте характерну назву поля (наприклад, id чи код помилки) замість ручного розгортання вузол за вузлом — пошук перейде прямо туди.
• Вузли за межами перших кількох рівнів навмисно починаються згорнутими, щоб багатомегабайтний payload залишався чутливим; розгортайте лише потрібну гілку.
• Мітки типів (string, number, boolean, null, object, array) особливо корисні для виявлення поля, яке несподівано null, чи масиву там, де очікувався об'єкт.
• Якщо вам потрібно лише покращити вигляд чи перевірити фрагмент JSON, а не досліджувати його структуру, Форматер JSON швидший для цього завдання.

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

Глибоко вкладені відповіді API, експорти баз даних і конфігураційні файли важко осмислити як плаский текст — ви втрачаєте слід того, яка закриваюча дужка відповідає якому ключу. Завантаження того самого payload у перегляд дерева дозволяє згорнути все непотрібне і зосередитися лише на потрібній гілці, що набагато швидше, ніж прокручувати відформатовану стіну тексту в пошуках одного поля.

Поширений сценарій: спочатку вставте сюди великий payload вебхука, щоб зрозуміти його форму і знайти потрібне поле, потім перейдіть до Форматера JSON, якщо потрібна чиста, відступна текстова копія для вставлення у звіт про помилку чи код-ревʼю.

→ Форматер JSON

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

• Дослідження великої, глибоко вкладеної відповіді API, щоб знайти, де живе конкретне поле, перед написанням коду для нього.
• Перегляд великого конфігураційного чи експортованого файлу без прокручування тисяч рядків необробленого тексту.
• Перевірка форми і типів незнайомого payload JSON перед розбором його у власному коді.
• Пошук конкретного значення (ID, повідомлення про помилку, часової мітки), захованого десь усередині великого документа JSON.

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