Przeglądarka drzewa JSON
Przeglądanie i edycja JSON w zwijanym drzewie
Dane JSON
Pliki JSON do 25 MiB
Naprawa może zmienić uszkodzone dane. Przed eksportem należy sprawdzić zmodyfikowane dane wejściowe.
Szczegóły parsera
Przeglądarka JSON
Wprowadź poprawny JSON, aby zobaczyć jego strukturę.
Drzewo pokazuje stronę widocznych węzłów. Wszystkie dane pozostają dostępne w drzewie i w pełnych eksportach.
Wprowadź poprawny JSON, aby zobaczyć jego strukturę.
Statystyki JSON
- Klucze obiektów
- 0
- Wszystkie wartości
- 0
- Obiekty
- 0
- Tablice
- 0
- Ciągi znaków
- 0
- Liczby
- 0
- Wartości logiczne
- 0
- Wartości null
- 0
- Maksymalna głębokość
- 0
- Bajty UTF-8
- 0
Jak korzystać z przeglądarki
Wpisz JSON, aby zmienić typ, lub zwykły tekst, aby zapisać ciąg znaków. Enter zapisuje, Escape anuluje.
- Wczytaj plik lub przykład, aby otworzyć drzewo i zwinąć panel danych wejściowych. Przycisk Pokaż dane wejściowe pozwala edytować surowy JSON.
- Pisanie pozostawia dane wejściowe otwarte. Formatowanie i minifikacja zmieniają dane wejściowe bez utraty sparsowanych danych.
- W trybie drzewa kopiowanie używa sformatowanego JSON. W trybie kodu kopiowanie zachowuje formatowanie danych wejściowych, a podgląd kodu i pobierane pliki używają sformatowanego JSON.
- Klucze z kropkami, cudzysłowami lub nazwą root są traktowane jako klucze dosłowne.
- Wartości proste edytuje się ikoną ołówka, a usunięcie wymaga potwierdzenia. Obiekty i tablice należy edytować w surowych danych wejściowych.
- Wyszukiwanie obejmuje klucze i wartości tekstowe, także ciągi znaków w tablicach. Wybranie dopasowania pokazuje jego dokładne położenie.
- Liczby mają precyzję liczbową JavaScript.
Darmowa przeglądarka drzewa JSON online, walidator i edytor
Nasza przeglądarka drzewa JSON zamienia surowe dane JSON w interaktywne, zwijane drzewo, w którym łatwo przeglądać nawet głęboko zagnieżdżone obiekty. Wklej ciąg JSON, wczytaj plik .json lub przeciągnij go na stronę, a narzędzie od razu zwaliduje dane, przeanalizuje je i wyświetli w nawigowalnej hierarchii z kolorowym oznaczeniem typów: ciągów znaków, liczb, wartości logicznych i null.
Poza wizualizacją narzędzie działa też jako lekki edytor JSON. Najedź na dowolną wartość prostą w drzewie, aby wyświetlić przyciski edycji i usuwania, i zmieniaj dane w miejscu, bez przełączania się na osobny edytor. Zmiany od razu trafiają do źródłowego JSON, który możesz skopiować lub pobrać. Wbudowany walidator JSON na bieżąco wyróżnia błędy składni, a funkcja automatycznej naprawy poprawia typowe pomyłki, takie jak klucze bez cudzysłowów, apostrofy zamiast cudzysłowów i końcowe przecinki.
Zaawansowane wyszukiwanie pozwala znaleźć klucze i wartości w całej strukturze, a panel statystyk pokazuje podział na łączną liczbę kluczy, obiektów, tablic, ciągów znaków, liczb, wartości logicznych i null, a także maksymalną głębokość i rozmiar w bajtach. Niezależnie od tego, czy debugujesz odpowiedź API, sprawdzasz plik konfiguracyjny, czy analizujesz eksport z bazy danych, ta przeglądarka JSON online przyspiesza pracę i chroni prywatność danych: wszystko działa w przeglądarce, bez wysyłania na serwer.
Najważniejsze funkcje
- Interaktywny widok drzewa z elementami sterowania: rozwiń, zwiń, rozwiń wszystko i zwiń wszystko
- Walidacja JSON na bieżąco z opisowymi komunikatami o błędach
- Automatyczna naprawa typowych błędów JSON: kluczy bez cudzysłowów, apostrofów zamiast cudzysłowów, końcowych przecinków i wartości undefined
- Edycja i usuwanie wartości w miejscu, bezpośrednio w widoku drzewa
- Wyszukiwanie kluczy i wartości z wyróżnionymi wynikami i wyświetlaniem ścieżki
- Panel statystyk JSON: łączna liczba kluczy, obiektów, tablic, ciągów znaków, liczb, wartości logicznych i null, maksymalna głębokość oraz rozmiar
- Przełącznik formatowania (pretty-print) i minifikacji dla surowego wejściowego JSON
- Wczytywanie pliku, przeciąganie i upuszczanie, kopiowanie do schowka i pobieranie jako .json
- Przełączanie między widokiem drzewa a widokiem kodu
- Zwijany panel wejściowy, który daje drzewu maksymalnie dużo miejsca
Jak korzystać z przeglądarki drzewa JSON
- Wczytaj JSON: wklej JSON w polu wejściowym, kliknij „Wczytaj”, aby wybrać plik .json, przeciągnij plik na pole wejściowe lub kliknij „Wczytaj przykład”, aby zobaczyć demo.
- Zwaliduj i przeanalizuj: narzędzie waliduje JSON na bieżąco. Jeśli wykryje błędy, kliknij „Napraw błędy JSON”, aby automatycznie poprawić typowe problemy.
- Przeglądaj drzewo: kliknij węzły, aby je rozwinąć lub zwinąć. Użyj opcji „Rozwiń wszystko” i „Zwiń wszystko” do nawigowania zbiorczego.
- Wyszukaj dane: wpisz nazwę klucza lub wartość w pasku wyszukiwania, aby znaleźć pasujące wpisy wraz z pełną ścieżką.
- Edytuj lub usuń wartości: skorzystaj z przycisków edycji lub usuwania obok wartości prostej. Na ekranach dotykowych przyciski te pozostają dostępne; usunięcie wymaga potwierdzenia.
- Wyeksportuj dane: kliknij „Kopiuj”, aby umieścić JSON w schowku, lub „Pobierz”, aby zapisać go jako plik .json.
Zastosowania
- Debugowanie odpowiedzi API: wklej odpowiedź REST lub GraphQL, aby zobaczyć jej strukturę i szybko znaleźć konkretne pola.
- Przegląd plików konfiguracyjnych: wczytaj package.json, tsconfig.json lub dowolny plik konfiguracyjny, aby sprawdzić jego strukturę i wartości.
- Analiza struktury danych: skorzystaj z panelu statystyk, aby ocenić złożoność ładunku JSON: jak głęboko jest zagnieżdżony, ile ma kluczy i jaki ma rozmiar w bajtach.
- Szybka edycja JSON: wprowadzaj drobne poprawki w danych JSON bez otwierania pełnego środowiska IDE lub edytora tekstu.
- Poprawianie błędów: napraw uszkodzony JSON z logów lub zewnętrznych źródeł za pomocą automatycznej naprawy, zanim przetworzysz go w aplikacji.
- Przegląd eksportów z baz danych: sprawdzaj eksporty JSON z MongoDB, Firebase lub innych baz dokumentowych w czytelnej postaci.
- Nauczanie i nauka: zwizualizuj zagnieżdżone struktury danych dla uczniów poznających JSON, API i modelowanie danych.
Najczęściej zadawane pytania
Czy to narzędzie jest darmowe?
Tak, przeglądarka drzewa JSON jest całkowicie darmowa, bez rejestracji, blokowania reklamami i limitów użycia. Możesz przeglądać, walidować, edytować i eksportować JSON do woli.
Czy moje dane są bezpieczne?
Tak. Całe analizowanie, walidacja, edycja i wyszukiwanie odbywają się w przeglądarce. Dane nigdy nie są wysyłane na zdalny serwer, więc można bezpiecznie używać narzędzia z własnymi, wewnętrznymi lub poufnymi danymi JSON.
Jakie błędy JSON może naprawić automatyczna naprawa?
Akcja naprawy próbuje zastosować pierwotne poprawki dla kluczy bez cudzysłowów, apostrofów zamiast cudzysłowów, końcowych przecinków i wartości undefined. Próbowane wejście pozostaje widoczne do sprawdzenia. Naprawy mogą zmienić uszkodzone dane i nie gwarantują zachowania zamierzonego sensu; poprawny JSON pozostaje bez zmian.
Czy istnieje limit rozmiaru plików JSON?
Wczytywane i upuszczane pliki mogą mieć do 25 MiB, w tym plik dokładnie o rozmiarze limitu. Przeglądarka stronicuje widoczne węzły drzewa, zachowując pełne dane do edycji i eksportu. Duży lub bardzo głęboko zagnieżdżony JSON może nadal wymagać więcej czasu lub pamięci.
Czy mogę edytować zagnieżdżone obiekty lub tablice w drzewie?
Obecnie edycja i usuwanie w miejscu są dostępne dla wartości prostych (ciągów znaków, liczb, wartości logicznych i null). Aby zmodyfikować zagnieżdżone obiekty lub tablice, przejdź do panelu wejściowego i edytuj surowy JSON bezpośrednio.
Wskazówki i dobre praktyki
- Sformatuj przed przeglądaniem: kliknij „Formatuj JSON”, aby sformatować wejście (pretty-print), dzięki czemu surowy tekst będzie łatwiejszy do czytania obok widoku drzewa.
- Zwiń panel wejściowy: po wczytaniu JSON ukryj panel wejściowy, aby drzewo miało maksimum miejsca na ekranie przy głębokich hierarchiach.
- Używaj wyszukiwania w dużych plikach: zamiast ręcznie rozwijać węzły w dużym JSON, wpisz klucz lub wartość w pasku wyszukiwania, aby przejść bezpośrednio do wyników.
- Sprawdź statystyki do szybkiego audytu: użyj opcji „Pokaż statystyki”, aby szybko ocenić złożoność danych, zanim zagłębisz się w poszczególne węzły.
- Przeciąganie dla wygody: przeciągnij plik .json prosto z menedżera plików na pole wejściowe, co jest najszybszym sposobem wczytania danych.
- Pobierz po edycji: po wprowadzeniu zmian w miejscu kliknij „Pobierz”, aby zapisać zmodyfikowany JSON jako nowy plik zamiast nadpisywać oryginał.