Просмотр JSON в виде дерева

Что это за инструмент?

Просмотрщик JSON в виде дерева превращает JSON-документ в удобную для навигации структуру: каждый объект и массив становится узлом, который можно развернуть или свернуть, каждый ключ показывает свой определённый тип, а каждое конечное значение отображается прямо в строке. Вместо прокрутки тысяч строк текста вы углубляетесь только в те ветви, которые вам действительно нужны.

Это отличается от форматировщика JSON. Форматировщик переписывает текст вашего JSON с отступами, чтобы он выглядел аккуратнее — это подходящий инструмент, когда нужно просто красиво отформатировать, минифицировать или проверить синтаксис. Просмотрщик дерева предназначен для исследования и навигации по самой структуре, особенно когда JSON большой, глубоко вложенный, или вы ещё не знаете, где находятся нужные данные. Если вам нужно просто отформатировать или проверить текст JSON, используйте Форматировщик JSON.

Зачем его использовать?

• Перемещайтесь по глубоко вложенным ответам API или конфигурационным файлам, не теряя из виду, какая скобка относится к какому уровню.
• Ищите по имени ключа или значению и переходите прямо к совпадению — путь к нему разворачивается автоматически.
• Легко справляется с очень большими JSON (несколько мегабайт) — дочерние узлы строятся только при разворачивании, поэтому вкладка никогда не зависает.
• Видите тип каждого значения с первого взгляда — строка, число, логическое значение, null, объект или массив — с понятными метками.
• 100% приватно: разбор и отображение происходят полностью в вашем браузере, ничего не загружается и не сохраняется.

Как использовать

1. Вставьте 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 или код ошибки), а не разворачивайте узлы вручную один за другим — поиск сразу приведёт вас туда.
• Узлы глубже первых двух уровней намеренно свёрнуты по умолчанию, чтобы многомегабайтная нагрузка оставалась отзывчивой; разворачивайте только нужную вам ветвь.
• Метки типов (строка, число, логическое значение, null, объект, массив) особенно полезны, чтобы заметить неожиданно пустое (null) поле или массив там, где ожидался объект.
• Если нужно просто красиво отформатировать или проверить фрагмент JSON, а не исследовать его структуру, для этого быстрее подойдёт Форматировщик JSON.

Место в реальных рабочих процессах

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

Типичный сценарий: сначала вставьте сюда большую нагрузку webhook, чтобы понять её форму и найти нужное поле, а затем переключитесь на Форматировщик JSON, если нужна чистая, отформатированная с отступами текстовая копия для вставки в отчёт об ошибке или код-ревью.

→ Форматировщик JSON

Типичные сценарии использования

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

Часто задаваемые вопросы