Przeglądarka JSON online (JSON Viewer)

Wklej JSON lub otwórz plik: zobaczysz drzewo ze ścieżkami, błędy składni z numerem linii, wersję sformatowaną i tabelę.

Bez konta

Bez instalacji

Bezpłatnie

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Dokument JSON

Przykładowe zamówienie. Wklej własny JSON, upuść plik na pole albo otwórz go z dysku.

Wynik odświeża się podczas pisania; Ctrl+Enter wymusza sprawdzenie. Dokument jest analizowany tylko w Twojej przeglądarce i nie jest wysyłany na serwer.

Wynik sprawdzenia

Poprawny JSON OK

Analizuję przykład…

Typ główny

—

Węzły łącznie

—

Klucze łącznie

—

Głębokość

— poz.

—

Rozmiar

—

Po minifikacji

—

Ścieżka: kliknij węzeł w drzewie

Ściąga: typy wartości w JSON

Sześć typów wartości dozwolonych w JSON
Typ	Przykład	Zasada
obiekt	{"klucz": "wartość"}	Klucze zawsze w cudzysłowach podwójnych
tablica	[1, 2, 3]	Elementy rozdzielone przecinkami, kolejność ma znaczenie
tekst (string)	"Zażółć \"gęślą\""	Cudzysłów wewnątrz poprzedź znakiem \
liczba	-12.5e3	Kropka dziesiętna, bez zer wiodących, bez NaN i Infinity
logiczna	true / false	Małymi literami, bez cudzysłowów
brak wartości	null	Małymi literami; nie „NULL” ani „undefined”

Najczęstsze błędy składni JSON

Błędy, które walidator rozpoznaje i opisuje po polsku
Zapis z błędem	Co jest nie tak	Jak naprawić
{"a": 1,}	Przecinek przed } lub ] (trailing comma)	Usuń ostatni przecinek
{'a': 1}	Apostrofy zamiast cudzysłowów	Zamień ' na "
{a: 1}	Klucz bez cudzysłowów	Zapisz klucz jako "a"
{"a": 1} // opis	Komentarz w dokumencie	Usuń komentarze // i /* */
{"a": 1}{"b": 2}	Kilka dokumentów jeden po drugim	Obejmij je tablicą [ … ] i rozdziel przecinkiem

Co oznaczają liczby w wyniku

Węzeł to każda wartość: obiekt, tablica, tekst, liczba, true/false i null, łącznie z elementem głównym. Głębokość to liczba poziomów zagnieżdżonych obiektów i tablic. Rozmiar liczony jest w bajtach UTF-8, więc polska litera zajmuje 2 bajty. Minifikacja usuwa spacje i nowe linie poza tekstami. Obie wersje powstają z odczytanych danych, więc np. 1.0 zapisze się jako 1.

Ścieżka do wartości

Kliknij węzeł w drzewie, a zobaczysz jego ścieżkę w zapisie $.zamowienie.pozycje[0].cena. Ten sam zapis stosują JSONPath i (bez znaku $) JavaScript, a jq w postaci .zamowienie.pozycje[0].cena. Ścieżkę i samą wartość skopiujesz jednym kliknięciem.

Na co uważać

Liczby całkowite większe niż 9 007 199 254 740 991 (2^53 − 1) przeglądarka zaokrągla, dlatego długie identyfikatory trzymaj jako tekst. Zdublowany klucz parser zwykle nadpisuje ostatnią wartością. JavaScript ustawia klucze będące liczbami (np. "2", "10") rosnąco przed pozostałymi, więc kolejność w drzewie może się różnić od pliku.

Prywatność danych

Dokument jest odczytywany i analizowany wyłącznie w przeglądarce, także plik otwarty z dysku. Na serwer trafia tylko informacja o użyciu narzędzia (rodzaj źródła i liczba węzłów), bez treści JSON. Możesz więc bezpiecznie podejrzeć odpowiedź API z tokenem czy eksport danych klientów.

Oceń to narzędzie:

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Podaj dalej

Komuś też się przyda?

Wyślij znajomemu link. Otworzy narzędzie od razu, bez konta i bez opłat.

Przeglądarka JSON online – drzewo, walidacja i formatowanie lokalnie

Ta przeglądarka JSON online pokazuje dokument jako rozwijane drzewo, wskazuje błąd składni z numerem linii i kolumny, formatuje i minifikuje JSON, a tablicę obiektów zamienia na tabelę. Możesz wkleić odpowiedź z API, konfigurację, eksport danych albo logi, albo otworzyć plik .json z dysku. Cała analiza odbywa się w Twojej przeglądarce – treść dokumentu nie jest wysyłana na serwer.

Co dokładnie potrafi ta przeglądarka JSON?

Trzy sposoby wczytania: wklejenie tekstu do pola, przycisk „Otwórz plik .json” albo upuszczenie pliku na pole (przyjmuje też .geojson i .txt, do 15 MB).
Widok drzewa – obiekty i tablice rozwijasz i zwijasz, przy każdym widać liczbę elementów, a wartości są kolorowane według typu.
Po kliknięciu węzła pojawia się jego ścieżka, np. $.zamowienie.pozycje[0].cena; ścieżkę i samą wartość kopiujesz osobnymi przyciskami.
Walidacja z polskim opisem błędu, podpowiedzią naprawy i fragmentem linii, w którym znak ^ wskazuje miejsce problemu.
Statystyki: typ główny, liczba węzłów i kluczy, głębokość zagnieżdżenia, rozmiar w bajtach UTF-8 i rozmiar po minifikacji.
Sformatowany JSON (pretty print) z wcięciem 2 lub 4 spacji albo tabulatorem, z opcją sortowania kluczy A–Z.
Wersja zminifikowana w jednej linii.
Tabela z pierwszej znalezionej tablicy obiektów, którą skopiujesz jako CSV.
Przycisk „Wczytaj przykład” ładuje przykładowe zamówienie do szybkiego testu.

Dzięki temu „ścianę znaków” z jednej linii zamieniasz w czytelne drzewo danych, z którym da się normalnie pracować – debugować, analizować albo dokumentować API.

Dla kogo jest przeglądarka JSON online?

Przede wszystkim dla osób, które na co dzień pracują z danymi i API, ale sprawdzi się też przy jednorazowym podglądzie pliku:

Programiści i frontendowcy – struktury odpowiedzi z API, pliki konfiguracyjne, dane testowe.
Backend i devops – logi w formacie JSON, zrzuty payloadów, konfiguracje usług.
Analitycy i BI – eksporty z narzędzi analitycznych i integracji; tablicę rekordów przeniesiesz do arkusza przez CSV.
SEO i marketing – dane ze skryptów, konfiguracje tagów, znaczniki JSON-LD.
Każdy, kto dostał plik .json i chce po prostu zobaczyć, co jest w środku.

Jeśli zależy Ci na tym, żeby dane nie opuszczały przeglądarki, to narzędzie jest bezpieczniejsze niż przypadkowy „online JSON viewer”, który wysyła plik na serwer.

Jak działa lokalna przeglądarka JSON w praktyce?

Tekst z pola albo z pliku (odczytany przez File API) trafia do wbudowanego parsera JavaScript JSON.parse. Następnie:

Wynik odświeża się w trakcie pisania, z krótkim opóźnieniem; Ctrl+Enter wymusza sprawdzenie od razu.
Gdy dokument jest poprawny, narzędzie liczy statystyki, buduje drzewo, wersję sformatowaną i zminifikowaną, a jeśli znajdzie tablicę obiektów (do 3 poziomów w głąb), także tabelę.
Osobno sprawdza zdublowane klucze i liczby całkowite większe niż 9 007 199 254 740 991 (2^53 − 1). Składnia jest wtedy poprawna, ale pojawia się uwaga, bo przeglądarka zachowa tylko ostatnią wartość klucza, a takie liczby zaokrągli.
Gdy dokument jest niepoprawny, analizator podaje linię i kolumnę pierwszego błędu, nazywa przyczynę i podpowiada poprawkę.

Rozpoznawane są m.in. przecinek przed } lub ] (trailing comma), apostrofy zamiast cudzysłowów, klucze bez cudzysłowów, komentarze //, cudzysłowy drukarskie „ ”, słowa True, None czy NULL zamiast true i null, wartości NaN i undefined, zera wiodące w liczbach, kilka dokumentów sklejonych jeden po drugim oraz twarda spacja przeniesiona przy kopiowaniu ze strony. Przycisk „Zaznacz miejsce błędu w polu” ustawia kursor dokładnie na błędnym znaku.

Przykład: co pokaże przeglądarka JSON dla przykładowego zamówienia

Przykładowe zamówienie, które ładuje się na starcie, ma 28 węzłów, 22 klucze i głębokość 4. Tak liczy to narzędzie:

Kafelek	Wynik	Skąd się bierze
Typ główny	obiekt, 1 klucz na 1. poziomie	cały dokument to obiekt z jednym kluczem `zamowienie`
Węzły łącznie	28	każda wartość osobno: obiekt główny (1) + obiekt zamówienia (1) + jego 7 wartości + 2 dane klienta + 3 obiekty pozycji + 12 wartości w pozycjach + 2 tagi
Klucze łącznie	22	1 + 7 (zamówienie) + 2 (klient) + 3 × 4 (pozycje)
Głębokość	4 poz.	obiekt główny → `zamowienie` → tablica `pozycje` → obiekt pozycji
Ścieżka ceny kubka	`$.zamowienie.pozycje[0].cena`	wartość 24.9; indeksy tablic liczone są od zera
Zakładka Tabela	3 wiersze, 4 kolumny	tablica `$.zamowienie.pozycje` z kolumnami sku, nazwa, ilosc, cena

Węzeł to każda wartość: obiekt, tablica, tekst, liczba, true/false i null, razem z elementem głównym. Rozmiar podawany jest w bajtach UTF-8, więc polska litera, np. „ó” w „Kraków”, zajmuje 2 bajty.

Widoki JSON: drzewo, sformatowany, zminifikowany i tabela

Widok drzewa

Najwygodniejszy, gdy JSON jest duży i mocno zagnieżdżony. Obiekty i tablice rozwijasz i zwijasz jak katalogi w eksploratorze plików. Przy każdym widać liczbę elementów, więc od razu wiesz, czy gałąź jest warta rozwinięcia.

„Rozwiń wszystko” otwiera do około 3000 węzłów, żeby nie spowalniać strony; dalsze gałęzie otwierasz kliknięciem.
„Zwiń” wraca do ogólnego widoku struktury.
Duże tablice wyświetlają się po 500 elementów, a kolejne doładujesz przyciskiem „Pokaż kolejne”.

Tekst, liczby, wartości logiczne i null mają różne kolory, więc liczbę zapisaną jako tekst ("24.9" zamiast 24.9) widać od razu.

Sformatowany i zminifikowany JSON

Gdy chcesz skopiować treść i wkleić ją gdzie indziej, masz dwie zakładki:

Sformatowany – wcięcia i nowe linie, do wyboru 2 spacje, 4 spacje lub tabulator, opcjonalnie klucze posortowane A–Z. Pod kodem widać liczbę linii i rozmiar.
Zminifikowany – cały dokument w jednej linii, bez zbędnych spacji; kafelek „Po minifikacji” pokazuje, o ile procent jest mniejszy.
Każda zakładka ma własny przycisk „Kopiuj”, który kopiuje pełną treść, także gdy podgląd bardzo długiego dokumentu jest skrócony.

Obie wersje powstają z odczytanych danych, więc np. 1.0 zapisze się jako 1. Sortowanie kluczy przydaje się, gdy porównujesz dwa pliki w narzędziu do diffów.

Zakładka Tabela pojawia się tylko wtedy, gdy w dokumencie jest tablica obiektów. Kolumnami są klucze obiektów (do 30), wierszy jest do 200, a zagnieżdżone obiekty trafiają do komórek jako JSON. Przycisk „Kopiuj jako CSV” daje plik tekstowy z przecinkiem jako separatorem, gotowy do wklejenia w arkusz.

Wyszukiwanie w JSON – znajdź potrzebne pole w sekundę

Pole wyszukiwania w zakładce Drzewo przeszukuje jednocześnie klucze i wartości, bez rozróżniania wielkości liter. Po trafieniu narzędzie samo rozwija właściwą gałąź, podświetla węzeł i pokazuje jego ścieżkę.

Enter lub przycisk „Następne” przechodzi do kolejnego trafienia, Shift+Enter lub „Poprzednie” wraca.
Licznik pokazuje pozycję w formacie „3 z 17”; zliczanych jest do 1000 trafień.
W przykładowym zamówieniu wpisanie „cena” daje 3 trafienia – po jednym w każdej pozycji.

Nie musisz przewijać długiego JSON-a: wpisujesz nazwę pola, ID użytkownika albo fragment wartości, a viewer prowadzi Cię po kolejnych wystąpieniach.

Prywatność i bezpieczeństwo – JSON zostaje w Twojej przeglądarce

Ta przeglądarka JSON online działa w duchu local-first:

Pliki i wklejony tekst są analizowane lokalnie – parsowanie, drzewo, statystyki i tabela powstają po stronie przeglądarki.
Na serwer trafia tylko informacja o użyciu narzędzia: rodzaj źródła (plik lub wklejony tekst) i liczba węzłów, bez treści dokumentu.
Narzędzie nie przechowuje historii plików; po odświeżeniu strony dane znikają.

Ma to znaczenie, gdy przeglądasz wrażliwe dane: odpowiedzi API z tokenami, informacje o klientach, payloady z systemów billingowych czy konfiguracje środowisk.

Najczęstsze zastosowania przeglądarki JSON online

Scenariusz	Jak pomagają widoki i funkcje
Debugowanie API	Wklejasz odpowiedź, sprawdzasz strukturę w drzewie, szukasz pól i ID, kopiujesz ścieżkę lub wartość do zgłoszenia błędu.
Naprawa zepsutego JSON-a	Komunikat podaje linię, kolumnę i przyczynę, np. przecinek przed nawiasem zamykającym; przycisk przenosi kursor do błędnego znaku.
Analiza logów w JSON	Wyszukujesz po identyfikatorze, dacie, typie zdarzenia; rozwijasz tylko istotne gałęzie drzewa, resztę zwijasz.
Przegląd konfiguracji	Sprawdzasz ustawienia, liczbę elementów w tablicach i wartości flag; ostrzeżenie o zdublowanych kluczach pokazuje, które ustawienie jest nadpisywane.
Dokumentacja	Kopiujesz sformatowany JSON z posortowanymi kluczami jako przykład do plików .md, Confluence lub ticketów.
Dane do arkusza	Tablicę rekordów z odpowiedzi API otwierasz w zakładce Tabela i kopiujesz jako CSV.

FAQ – przeglądarka JSON online

Czy mogę wkleić JSON ręcznie, czy tylko wczytać plik?

Możesz jedno i drugie. Tekst wklejasz bezpośrednio do pola, a plik otwierasz przyciskiem albo upuszczasz na pole; wynik odświeża się w trakcie pisania.

Co się stanie, jeśli JSON jest niepoprawny?

Drzewo się nie zbuduje, za to zobaczysz numer linii i kolumny, opis błędu po polsku, podpowiedź naprawy i fragment linii ze wskazanym znakiem. Analizator zgłasza pierwszy napotkany błąd, więc po poprawce sprawdź dokument ponownie.

Czy przeglądarka JSON obsługuje duże pliki?

Tak, do 15 MB. Plik większy niż 1 MB jest analizowany, ale nie trafia do pola tekstowego, żeby strona działała płynnie, a drzewo wyświetla duże tablice po 500 elementów.

Czy mogę pobrać sformatowany JSON jako plik?

Narzędzie nie ma przycisku pobierania. Skopiuj wynik przyciskiem „Kopiuj” w zakładce Sformatowany i zapisz go w edytorze jako plik .json.

Dlaczego długi identyfikator ma w drzewie inną wartość niż w pliku?

JavaScript przechowuje liczby z dokładnością do 9 007 199 254 740 991, więc większe liczby całkowite zaokrągla; narzędzie ostrzega o tym osobnym komunikatem. Długie identyfikatory zapisuj w JSON jako tekst w cudzysłowach.

Czy można tu przeglądać dane produkcyjne?

Treść dokumentu nie jest wysyłana na serwer ani zapisywana przez aplikację. Bezpieczeństwo zależy wtedy głównie od tego, kto ma dostęp do Twojego komputera i przeglądarki.

Wczytaj swój JSON i zobacz, co jest w środku

Wklej dokument albo przeciągnij plik .json na pole narzędzia i przełączaj się między zakładkami Drzewo, Sformatowany, Zminifikowany i Tabela. Gdy znajdziesz to, czego szukasz, skopiuj ścieżkę, wartość albo cały uporządkowany JSON.

Przejdź do narzędzia „Przeglądarka JSON online”