Przejdź do treści

Przeglądarka drzewa JSON

Zamień dowolny dokument JSON na strukturę drzewa z wcięciami i etykietami typów, aby duża zawartość była zrozumiała na pierwszy rzut oka.

Wejście
Wynik

Przeglądarka drzewa JSON

Wklej JSON i to narzędzie narysuje jego strukturę jako wcięte drzewo, używając tych samych linii ramek ("├─", "└─", "│"), które wykorzystuje eksplorator plików lub polecenie "tree" w systemie Unix. Jest zbudowane na momenty, gdy sam formatter nie wystarczy — głęboko zagnieżdżona odpowiedź API, plik konfiguracyjny z dziesiątkami kluczy lub zawartość, którą nigdy nie widziałeś i musisz zrozumieć na pierwszy rzut oka.

Każdy węzeł obiektu i tablicy jest oznaczony liczbą dzieci zamiast generycznej nazwy typu — "user{5}" dla obiektu z pięcioma kluczami, "items[12]" dla tablicy z dwunastoma elementami — dzięki czemu rozmiar każdej gałęzi jest widoczny bez jej rozwijania. Skalarne liście pokazują swoją wartość, obciętą do kontrolowanej długości, aby jeden długi ciąg nie przesunął drzewa poza ekran. Włącz "Pokaż typy", aby dodać adnotację każdego liścia z jego typem JSON, co jest przydatne, gdy pole może zawierać więcej niż jeden format. "Maksymalna głębokość" zwija wszystko zagnieżdżone głębiej niż limit do jednowierszowego podsumowania, utrzymując nawet bardzo głębokie dokumenty czytelne. "Sortuj klucze" renderuje klucze obiektu alfabetycznie zamiast w kolejności źródłowej, co jest przydatne do porównywania dwóch podobnych struktur na oko.

Gdy wejście nie jest prawidłowym JSON, narzędzie wskazuje dokładny wiersz i kolumnę, w której analiza się nie powiodła, pokazuje ten wiersz i stwierdza, co sprawdzić: brakujący przecinek, nieuznany cudzysłów lub niezamknięty nawias w pobliżu tego punktu. To zmienia wyszukiwanie w długiej zawartości w rzut oka na jeden wiersz.

Wszystko działa w Twojej przeglądarce. JSON, który wklejasz — konfiguracja produkcyjna, odpowiedź API z rzeczywistymi danymi klientów, zawartość, którą nie powinieneś udostępniać — jest analizowana i renderowana lokalnie i nigdy nie jest wysyłana nigdzie. Skopiuj drzewo lub pobierz je jako plik .txt, gdy skończysz.

Częste pytania

Co oznaczają liczby w nawiasach klamrowych i kwadratowych?
To liczby dzieci, a nie wartości: "user{5}" to obiekt z pięcioma kluczami, "items[12]" to tablica z dwunastoma elementami. Pozwala ocenić wielkość gałęzi przed jej rozwinięciem.
Co się dzieje z węzłami głębszymi niż "Maksymalna głębokość"?
Są zwijane do jednowierszowego podsumowania pokazującego, ile węzłów podrzędnych zostało ukrytych, zamiast ich dalszego rozwijania. Zwiększ limit, aby zobaczyć głębiej w dokumencie.
Jak są skracane długie wartości?
"Maksymalna długość wartości" ogranicza, ile znaków może pokazać wartość skalarna, zanim zostanie obcięta wielokropkiem. Cięcie nigdy nie kończy się w środku znaku wielobajtowego lub emoji.
Co mi powie komunikat o błędzie, jeśli mój JSON jest nieprawidłowy?
Wskazuje wiersz i kolumnę, w których analiza się nie powiodła, pokazuje ten wiersz i podaje powód parsera — zwykle brakujący przecinek, nieuznany cudzysłów lub niezamknięty nawias w pobliżu tego punktu.
Czy mój JSON jest wysyłany gdziekolwiek?
Nie. Analiza i renderowanie odbywają się całkowicie w Twojej przeglądarce, a dokument nigdy nie opuszcza Twojego urządzenia — bezpieczny dla zawartości zawierającej tokeny, dane klientów lub wewnętrzne identyfikatory.