Formatator i przeglądarka JSON
Wklej JSON, a zostanie on od razu ładnie sformatowany. Kliknij dowolne pole, aby sprawdzić jego pełną wartość i ścieżkę po prawej stronie; błędy składniowe są oznaczone linią i kolumną. Wszystko działa lokalnie w Twojej przeglądarce.
- Wcięcie
- 2 / 4 spacje · tabulator
- Dodatkowe funkcje
- Inspekcja · sortowanie · statystyki
- Prywatność
- Nic nie jest przesyłane
- Użycie
- Darmowe · bez rejestracji
DLACZEGO TO WAŻNE
Stworzony dla każdego, kto pracuje z JSON codziennie
Odpowiedzi API, pliki konfiguracyjne, ładunki logów — surowy JSON przychodzi jako jedna gęsta linia. Uczyń go czytelnym, znajdź błędny przecinek, a następnie przywróć go w formie, której potrzebujesz.
Upiększaj i minimalizuj
Jedno kliknięcie przełącza między czytelnym dla człowieka drzewem a zwartą jedną linią. Wybierz 2 spacje, 4 spacje lub tabulator, aby dopasować do stylu Twojego kodu.
Błędy wskazane po linii i kolumnie
Nieprawidłowy JSON zgłasza dokładną pozycję — L12 : C34 — zamiast niejasnej wiadomości parsera, więc od razu przejdziesz do brakującego przecinka lub końcowego cudzysłowu.
Rekurencyjne sortowanie kluczy
Sortuj klucze obiektów alfabetycznie na każdej głębokości, podczas gdy tablice zachowują swoją kolejność. Idealne do porównywania konfiguracji i stabilizowania fixture'ów między commitami.
Escape / unescape literałów
Przekształć JSON w ucieczkowany literał ciągu do osadzenia w kodzie lub plikach środowiskowych, a następnie rozpakuj cytowany literał z powrotem do surowego JSON do wglądu.
Kliknij dowolne pole, aby zobaczyć je w pełni
Kliknij pole w edytorze, a panel boczny otworzy się z jego pełną wartością, typem i ścieżką JSON — włącznie z zagnieżdżonymi obiektami i tablicami, dzięki czemu nigdy więcej nie będziesz musiał liczyć nawiasów na oko.
Działa w całości lokalnie
JSON nigdy nie opuszcza Twojej przeglądarki, narzędzie działa offline, a żadne zapytanie nie jest wysyłane, gdy dane wejściowe są puste.
Jak to działa
Zmień wcięcie między 2 spacjami, 4 spacjami i tabulatorami. Zminimalizuj do jednej linii podczas wysyłania do maszyny, sortuj klucze obiektów rekurencyjnie, gdy potrzebujesz stabilnej kolejności, lub ucieknij cały ładunek do literału ciągu znaków — oraz od-ucieknij cytowany literał skopiowany z linii logu.
Kliknij dowolne pole, aby sprawdzić jego pełną wartość w panelu bocznym, a klucze, elementy tablicy i głębokość zagnieżdżenia będą aktualizować się podczas pisania. Przechowuj kilka dokumentów otwartych na jednej stronie i porównuj je na pierwszy rzut oka; każdy ma własny edytor. Wszystko działa lokalnie w Twojej przeglądarce i nic nie jest wysyłane na zewnątrz.
Więcej narzędzi JSON
Narzędzia zewnętrzne wybrane według przeznaczenia — nie duplikujemy ich tutaj, więc przejdź do nich, gdy będziesz potrzebować.
| Narzędzie | Przeznaczenie | Co robi |
|---|---|---|
| JSON Editor Online | Edycja i walidacja | Połączone panele tekstu i drzewa, restrukturyzacja przez przeciąganie, plus porównywanie (diff), walidacja schematu i zapytania. |
| JSON Crack | Wizualizacja | Konwertuje JSON na interaktywny graf węzłów do zrozumienia głębokich zagnieżdżeń lub stworzenia szybkiego dema. |
| JSON Visio | Wizualizacja | Kolejne narzędzie do wyświetlania grafów z lżejszym interfejsem użytkownika — wybierz to, które wydaje Ci się bardziej naturalne. |
| Diffchecker | Porównywanie | Porównaj dwa teksty obok siebie lub w widoku scalonym oraz przejdź bezpośrednio do wstawionych, usuniętych lub zmienionych linii. |
| JSONPath | Zapytanie | Uruchamiaj wyrażenia JSONPath online i wyodrębniaj dokładnie te pola, których potrzebujesz, po ścieżce. |
| JSONata | Zapytanie i transformacja | Język zapytania i transformacji dla JSON, z interaktywnym środowiskiem online oraz przykładami. |
| quicktype | Generowanie typów | Generuj definicje typów TypeScript, Swift, Go i innych z JSON. |
| JSON Generator | Dane testowe | Generuj strukturalne dane testowe na podstawie szablonów — przydatne do zestawów testowych API. |
Drobne szczegóły formatowania JSON
JSON wygląda prosty, ale ma kilka ścisłych reguł — ich znajomość pozwala uniknąć kolejnej rundy, gdy parser odrzuci Twój ładunek.
Co liczy się jako poprawny JSON?
JSON definiuje sześć typów wartości: obiekt, tablica, ciąg znaków, liczba, wartość logiczna i null. Klucze muszą być ciągami znaków z podwójnymi cudzysłowami, nie ma przecinka na końcu, a komentarze są niedozwolone.
Dodatki JavaScriptu, takie jak pojedyncze cudzysłowy, undefined, NaN, Infinity i przecinki na końcu, wszystkie nie przejdą przez ścisły parser — co dokładnie oznacza to narzędzie.
Czym różni się przeglądanie od formatowania?
Formatowanie zmienia układ tekstu: wcięcie, podziały linii i minimalizację. Przeglądanie pozostawia dokument nietknięty — po kliknięciu pola jego pełna wartość, typ i ścieżka JSON pojawią się w panelu bocznym.
Głęboko zagnieżdżone obiekty są trudne do odczytania tylko na podstawie nawiasów, więc kliknięcie pola pozwala Ci dokładnie potwierdzić, co zawiera — szczególnie przydatne przy odpowiedziach API i ładunkach logów.
Dlaczego kolejność moich kluczy zmienia się po formatowaniu?
Specyfikacja JSON traktuje obiekty jako nieuporządkowane pary klucz–wartość, a parsery mogą je dowolnie zmieniać kolejność. W praktyce V8 (Chrome / Node) zachowuje kolejność wstawiania dla kluczy znakowych, ale klucze przypominające liczby („1”, „42”) zawsze sortuje najpierw numerycznie.
Włącz „Sortuj klucze obiektów”, jeśli chcesz uzyskać stabilną, alfabetyczną kolejność, która przetrwa w każdym parserze – przydatne do porównywania konfiguracji.
Jak duża liczba może być przechowywana w JSON?
Samo JSON nie nakłada żadnego limitu, ale JavaScript parsuje każdą liczbę jako typ podwójny IEEE-754. Liczby całkowite przekraczające ±2^53 (około 9 biliardów) tracą dokładność – 9007199254740993 staje się 9007199254740992.
Jeśli twój payload zawiera identyfikatory 64-bitowe lub znaczniki czasu w nanosekundach, zachowaj je jako ciągi znaków; to narzędzie nie zniszczy ich, ale każdy kod w JS, który wkleisz, już tak zrobi.
Kiedy lepiej użyć minifikacji zamiast upiększania?
Używaj upiększenia dla wszystkiego, co czyta człowiek: przegląd kodu, debugowanie, dokumentacja. Używaj minifikacji dla wszystkiego, co przesyła maszyna: treści API, parametry URL, zmienne środowiskowe i pliki .env.
Minifikacja typowego payloadu API oszczędza 15–30% bajtów przy zerowej zmianie struktury – to najtańsza dostępna kompresja.
Do czego służy escapowanie?
Escapowanie opakowuje JSON jako literał ciągu znaków: cudzysłowy stają się \", a znaki nowej linii stają się \n, dzięki czemu może znajdować się wewnątrz innej wartości JSON, polecenia powłoki lub zmiennej środowiskowej bez zakłóceń.
Unescape cofa tę operację. Jeśli kiedykolwiek kopiowałeś payload z linii logu wyglądającej tak {\"a\":1}, to właśnie ten format – wklej go tutaj i kliknij Unescape.
Często zadawane pytania
Czy mój JSON jest przesyłany lub przechowywany w jakimś miejscu?
Nie. Wszystko działa w twojej przeglądarce za pomocą JavaScript – żaden żądanie nigdy nie przesyła twojego JSONa nigdzie, narzędzie działa offline, a nic nie jest zapisywane w pamięci lokalnej, więc odświeżenie strony czyści zawartość pola wejściowego.
Dlaczego formatowanie mojego pliku konfiguracyjnego nie działa?
Najprawdopodobniej nie jest to strict JSON: JSONC / JSON5 pozwala na komentarze i przecinki na końcu, YAML opiera się na wcięciach, a pliki .env to pary klucz=wartość. Najpierw usuń komentarze i przecinki na końcu lub użyj parsera stworzonego dla tego formatu.
Czy sortowanie kluczy zmienia kolejność również dla tablic?
Nie. Kolejność elementów tablicy ma znaczenie (pierwszy element, drugi element…), więc tablice zawsze pozostają na miejscu. Sortowaniu alfabetycznemu podlegają jedynie klucze obiektów — w tym obiektów zagnieżdżonych w tablicach.
Co oznacza błąd „Near L12 : C34”?
Chodzi o numerację od 1 wiersza i kolumny, w której parser przerwał działanie: wiersz 12, kolumna 34. Rzeczywisty błąd zwykle znajduje się w tym miejscu lub tuż przed nim — brakujący przecinek w poprzednim wierszu, nieescapowany cudzysłów lub nadmiarowy przecinek przed zamykającym nawiasem klamrowym.
Czy istnieje limit rozmiaru? Czy narzędzie działa na urządzeniach mobilnych?
Nie ma żadnego stałego limitu — formatowanie danych wyjściowych z logów o rozmiarze kilku megabajtów działa prawidłowo. Na urządzeniach średniej i niskiej klasy obsługa bardzo dużych danych (kilkadziesiąt MB) może sprawiać wrażenie opóźnienia, ponieważ każde naciśnięcie klawisza wymaga ponownego parsowania i formatowania. Układ jest responsywny; edytor dostosowuje się do szerokości ekranu.