Перейти к содержанию

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

Валидируйте JSON и отобразите структуру в виде отступного дерева, чтобы больший контент был понятен с первого взгляда.

Входные данные
Выходные данные

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

Вставьте JSON, и этот инструмент нарисует его структуру в виде отступного дерева, используя те же соединители ящиков ("├─", "└─", "│"), которые использует проводник файлов или команда "tree" в Unix. Он построен для моментов, когда одного форматера недостаточно — глубоко вложенный ответ API, файл конфигурации с десятками ключей или полезная нагрузка, которую вы никогда не видели и должны понять с первого взгляда.

Каждый узел объекта и массива помечен числом дочерних элементов вместо универсального имени типа — "user{5}" для объекта с пятью ключами, "items[12]" для массива из двенадцати элементов — поэтому размер каждой ветви видна без развёртывания. Скалярные листья показывают своё значение, усечённое до контролируемой вами длины, поэтому длинная строка не выталкивает дерево с экрана. Включите "Показывать типы", чтобы аннотировать каждый лист его типом JSON, полезно, когда поле может содержать несколько форм. "Максимальная глубина" сворачивает что-либо вложенное глубже, чем это, в однострочный резюме, держа даже очень глубокие документы читаемыми. "Сортировать ключи" отображает ключи каждого объекта в алфавитном порядке вместо порядка исходного кода, практично для сравнения двух похожих структур на один взгляд.

Когда ввод не является валидным JSON, инструмент называет точную строку и столбец, где парсинг не удался, показывает эту строку и указывает, что проверить: отсутствующая запятая, неэкранированная кавычка или никогда не закрытая скобка. Это превращает поиск через длинную полезную нагрузку в взгляд на одну строку.

Всё работает в вашем браузере. JSON, который вы вставляете — конфигурация продакшена, ответ API с реальными данными клиентов, полезная нагрузка, которой вы не должны делиться — разбирается и отображается локально и никогда не загружается никуда. Скопируйте дерево или загрузите его как файл .txt, когда закончите.

FAQ

Что означают числа в фигурных и квадратных скобках?
Это числа дочерних элементов, не значения: "user{5}" — это объект с пятью ключами, "items[12]" — это массив из двенадцати элементов. Это позволяет вам оценить, насколько велика ветвь перед её развёртыванием.
Что происходит с узлами глубже "Максимальной глубины"?
Они свёрнуты в однострочное резюме, которое показывает, сколько дочерних узлов было скрыто, вместо того, чтобы расширяться дальше. Увеличьте лимит, чтобы глубже заглянуть в документ.
Как сокращаются длинные значения?
"Максимальная длина значения" ограничивает, сколько символов может отобразить скалярное значение перед усечением многоточием. Срез никогда не попадает в середину многобайтового символа или эмодзи.
Что говорит мне сообщение об ошибке, если мой JSON невалидный?
Оно называет точную строку и столбец, где парсинг не удался, показывает эту строку и указывает причину парсера — обычно отсутствующую запятую, неэкранированную кавычку или незакрытую скобку рядом с этой точкой.
Загружается ли мой JSON куда-нибудь?
Нет. Парсинг и отображение полностью происходят в вашем браузере, и документ никогда не покидает ваше устройство — безопасно для полезных нагрузок, содержащих токены, данные клиентов или внутренние идентификаторы.