Sformatuj, sprawdź i ścisnij JSON, bez zgadywania, gdzie jest błąd
Wkleiłeś odpowiedź z API, ale to jedna długa linia bez wcięć. Albo masz konfig z setkami kluczy i nie wiesz, czy w ogóle jest poprawny. Albo chcesz wysłać JSON w payloadzie i zależy Ci, żeby był jak najmniejszy.
To narzędzie robi trzy rzeczy: formatuje (czytelne wcięcia 2/4 spacje lub tab), minifikuje (zero białych znaków, najmniejszy możliwy rozmiar) i waliduje (zielona plakietka „Valid JSON" albo czerwony błąd z dokładną linią i kolumną, gdzie coś nie gra).
Wszystko w przeglądarce, bez wysyłania danych nigdzie. JSON parsuje natywny silnik JavaScript (ten sam, który chodzi w Node.js i Chrome), więc walidacja jest identyczna jak na Twoim backendzie. Plus statystyki: głębokość zagnieżdżenia, liczba kluczy, rozbicie po typach (stringi, liczby, booleany, null). Sprawdza się przy debugowaniu, code review i ogarnianiu cudzych payloadów.
Jak używać
- Wybierz tryb na górze: Formatuj (czytelny, z wcięciami), Minifikuj (ściśnięty, jedna linia) albo Waliduj (tylko sprawdza poprawność + pokazuje statystyki).
- Wklej JSON w lewy panel. Domyślnie załadowany jest realistyczny przykład odpowiedzi z API (zamówienie sklepowe), żebyś od razu widział, jak narzędzie działa. Możesz go nadpisać albo wyczyścić przyciskiem „Wyczyść".
- W trybie Formatuj wybierz wcięcie: 2 spacje (standard webowy), 4 spacje (czytelniej przy głębokich strukturach) albo tabulator (jeśli tak masz w projekcie).
- Przełącz Sortuj klucze (alfabetycznie wewnątrz każdego obiektu), żeby łatwiej porównywać dwa payloady w narzędziach diff. Tablice zostają w swojej kolejności.
- W trybie Minifikuj zobaczysz rozmiar przed i po plus procent oszczędności. Typowo redukcja to 30-50% dla ładnie sformatowanego JSON-a.
- Jeśli JSON jest niepoprawny, prawy panel pokaże czerwoną ramkę z opisem błędu plus dokładną linią, kolumnę i pozycję znaku. Najczęstsze winowajki: brakujący przecinek, dodatkowy przecinek na końcu, niedomknięty cudzysłów.
- Statystyki pod spodem: głębokość (najgłębsze zagnieżdżenie), liczba kluczy, liczba wartości, rozbicie po typach. Przydaje się przy ocenie, czy payload nie jest „zbyt szeroki" albo „zbyt głęboki" dla bazy.
- Kliknij Kopiuj w prawym panelu, żeby wrzucić wynik do schowka. Wszystko dzieje się lokalnie, żadne dane nie opuszczają Twojej przeglądarki.
Kiedy się przydaje
Sześć typowych sytuacji, w których to narzędzie oszczędza Ci pracy ręcznej:
- Debugujesz odpowiedź z API. Dostałeś jedną długą linię z fetcha. Wklejasz, formatujesz z wcięciami 2, widzisz strukturę w 3 sekundy i znajdujesz pole, które jest nullem zamiast obiektu, dokładnie ten powód błędu, którego szukałeś.
- Sprawdzasz konfig przed deployem. Twój package.json, tsconfig.json albo CI/CD workflow musi być poprawnym JSON-em, inaczej wszystko padnie. Wklejasz, walidujesz i widzisz, że w linii 47 jest dodatkowy przecinek po ostatnim elemencie tablicy, ten klasyczny błąd kosztujący 20 minut.
- Porównujesz dwie wersje payloadu. Masz odpowiedź z dwóch środowisk (staging vs production) i chcesz wiedzieć, co się różni. Włączasz „Sortuj klucze" w obu, kopiujesz do narzędzia diff i widzisz różnice w 5 sekund, bez efektu „zmiana kolejności pól" zaciemniającego prawdziwe różnice.
- Optymalizujesz rozmiar payloadu. Wysyłasz JSON przez WebSocket albo API i chcesz wiedzieć, ile waży. Minifikujesz: widzisz, że z 2.4 KB robi się 1.2 KB, czyli 50% mniej przesyłanych danych. Mnóż przez tysiąc requestów dziennie i masz konkretną oszczędność.
- Robisz code review cudzego JSON-a. Kolega wkleił niesformatowany konfig do PR-a. Wklejasz, formatujesz, widzisz strukturę. Plus statystyki: głębokość 7, 340 kluczy, czerwona flaga, payload za szeroki, sugerujesz rozbicie na osobne pliki.
- Uczysz się czyjegoś API. Dostałeś przykładową odpowiedź od dostawcy (Stripe, GitHub, Slack), wklejasz, formatujesz, rozumiesz strukturę w 30 sekund zamiast wertować dokumentację. Plus widzisz, ile pól jest opcjonalnych (nulli), ile to zagnieżdżone obiekty.