Безплатен конвертор

JSON дърво зрител

Преглеждайте, форматирайте и изследвайте JSON данни в интерактивно сгъваемо дърво. Безплатно, сигурно и не се изисква качване.

Плъзнете и пуснете JSON файл тук

Или поставете JSON текст по-долу

или

За този инструмент

Визуализаторите на JSON дърво показват JSON данните като навигационно йерархично дърво, а не като обикновен текст. Всеки обект се превръща в сгъваем клон; масивите показват своите елементи поотделно; примитивните ценности се появяват като листа. Структурният изглед улеснява намирането на конкретни полета в дълбоко вложени данни, свиването на неподходящи поддървета и навигирането в големи JSON документи, които биха били неуправляеми като плосък текст.

В сравнение с форматирания JSON текст, дървовидните изгледи са отлични при навигация в големи данни. Отговорът на API от 10MB е непрактичен за превъртане като текст, но може да бъде проследим като дърво, където свивате ключове от най-високо ниво, които не ви интересуват, и разширявате само частите, които представляват интерес.

Този визуализатор изобразява JSON в структурирано дърво във вашия браузър. Търсенето филтрира клонове по ключ или стойност. Дисплеят с разпознаване на типа разграничава низове, числа, булеви стойности, нула, обекти и масиви.

Защо да използвате JSON Tree Viewer

Дълбоко вложените данни са трудни за навигация като текст. Конфигурационните файлове, отговорите на API и сериализираното състояние често имат 5+ нива на влагане. Дървовидният изглед ви позволява да свивате неподходящи нива и да се фокусирате върху това, което има значение; текстовите изгледи изискват внимателно превъртане и броене на скоби.

Възможностите за търсене и филтриране също имат значение. Намирането на всички ключове с име 'user_id' в сложен документ е бързо с визуализатор, който поддържа търсене; невъзможно да се направи надеждно с обикновен текст.

Как да използвате

Поставете JSON, навигирайте в дървото.

  1. Поставете своя JSON: Пуснете JSON в полето за въвеждане. Изгледът анализира и изобразява структурираното дърво.
  2. Разгъване и свиване: Щракнете върху клонове, за да разширите или свиете. Полезно за фокусиране върху конкретни поддървета на големи данни.
  3. Търсене: Филтриране по ключ или стойност. Съвпадащите клони остават видими; несъвпадащите са скрити.
  4. Проверете конкретни стойности: Щракнете върху лист, за да видите пълната му стойност (полезно за дълги низове) и копирайте пътя (напр. users.0.profile.email) за използване в кода.

Обичайни случаи на употреба

Технически подробности

Анализът на JSON използва JSON.parse, който се проваля при невалиден вход с грешка при анализа, сочеща към местоположението на проблема. Валидният JSON се изобразява в JavaScript обект, който зрителят обхожда рекурсивно, за да създаде дървото.

Изобразяване: всяко ниво на влагане се превръща в клон с отстъп. Обектните ключове са етикети; стойностите се изобразяват въз основа на тип — низове в кавички, числа без, булеви стойности като true/false, null изрично, обекти и масиви като сгъваеми разклонения.

Производителност: много голям JSON (10MB+) може да забави изобразяването. Мързеливото разширяване (изобразяване само на видими в момента клонове) помага. Търсенето в големи документи може да отнеме известно време; индексирането на дървото при първия анализ помага.

Най-добри практики

Често задавани въпроси

Колко дълбоко може да стигне JSON дървото?
Няма изкуствено ограничение на дълбочината. Инструментът изобразява дървета толкова дълбоко, колкото достига вашата JSON структура. Въпреки това изключително дълбокото влагане (100+ нива) може да забави изобразяването в браузъра.
Мога ли да търся в дървото на JSON?
Използвайте Ctrl/Cmd+F за търсене на ключове или стойности. Съвпадащите възли ще бъдат маркирани и техните родителски възли автоматично ще бъдат разширени, за да покажат пътя.
Какъв JSON формат на пътя се използва?
Инструментът използва JSONPath нотация с точки ($.key.nested.array[0].value). Този формат е съвместим с достъп до свойство на JavaScript и повечето библиотеки JSONPath.
Мога ли да редактирам стойности в дървото?
Това е програма за разглеждане само за четене. За редактиране на JSON използвайте нашия инструмент за форматиране на JSON, който предоставя редактируем интерфейс с проверка.
Данните ми качени ли са?
Не. Анализът и изобразяването се извършват във вашия браузър.
Как да експортирам част от дървото?
Повечето зрители предлагат копиране като JSON за избрани клонове. Експортираната стойност е същата структура само с избраните ключове.
Защо дървото е бавно с големи данни?
DOM изобразяването на много възли е скъпо. Мързеливото разширяване (изобразяване само на видими клони) помага; за много големи данни специалните инструменти (jq, код) са по-ефективни.
Мога ли да видя JSON от URL?
Някои зрители извличат URL адреси директно. Други изискват залепване. CORS може да предотврати кръстосано извличане от някои URL адреси.