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

Сворачивайте узлы, ищите по ключам и копируйте путь

Исходный JSON
Вставьте JSON или перетащите файл
Можно просто нажать Ctrl V — результат появится справа
Пусто
Дерево
Здесь появится дерево документа

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

  1. Вставьте JSON слева или перетащите файл
  2. Справа появится дерево: раскрыты два уровня, остальное — по клику
  3. Ищите по ключам и значениям: Enter — к следующему совпадению
  4. Выберите узел — увидите его путь и место в исходном JSON

Что важно знать

Куда уходят мои данные

Никуда. Всё обрабатывается в браузере, а запросы на чужие адреса запрещены заголовком безопасности. Сайт загружает только свои страницы и файлы — это легко проверить во вкладке «Сеть» в инструментах разработчика.

Как скопировать путь к полю

Выберите узел — путь появится над деревом. Формат переключается: JavaScript (items[2].price) или JSONPath ($.items[2].price). Ключи с дефисом и пробелами пишутся в скобках: data["user-id"].

Что значит «JSON внутри строки»

Строковое значение, в котором лежит JSON, — так часто приходят вебхуки и логи. Нажмите на треугольник рядом — узел раскроется деревом. Документ при этом не меняется; заменить такие строки объектами можно в режиме «Строка».

Справится ли с большим файлом

Да: дерево строится в отдельном потоке и рисует только видимые строки, поэтому документ до 20 МБ прокручивается без задержек. Файлы больше 1 МБ обрабатываются по кнопке.

Как пользоваться с клавиатуры

Стрелки вверх и вниз — по узлам, вправо и влево — раскрыть и свернуть, Enter — показать узел в исходном JSON.