Formatuj, sprawdzaj, przeglądaj i porównuj JSON w przeglądarce. Precyzyjne błędy składni, widok drzewa, sortowanie kluczy, wyszukiwanie i porównanie semantyczne, które ignoruje formatowanie.
Tab wcina bieżący wiersz lub zaznaczenie. Naciśnij najpierw Escape, jeśli Tab ma zamiast tego przejść do następnego elementu.
Walidacja działa w trakcie pisania. Gdy dokument się sparsuje, dostajesz statystyki, widok drzewa ze ścieżkami do skopiowania oraz akcje formatowania, minifikacji i sortowania. Nic nigdzie nie jest wysyłane.
Statystyki pojawią się, gdy dokument się sparsuje.
Drzewo pojawi się, gdy dokument się sparsuje.
Formatowanie zmienia wcięcia, nie ruszając zawartości: parser czyta dokument, a serializer zapisuje te same wartości z dwiema spacjami, czterema spacjami albo tabulatorami. Minifikacja to ta sama operacja z usuniętymi białymi znakami, czyli to, czego potrzebujesz przed umieszczeniem ładunku w nagłówku, w query stringu albo w fixture. Wartości, sekwencje ucieczki i Unicode wracają dokładnie takie, jakie były.
Walidator, który mówi tylko „niepoprawny”, nie powiedział nic. Ten podaje wiersz, kolumnę i przesunięcie znakowe, nazywa przyczynę - przecinek na końcu, klucz w apostrofach, brakujący dwukropek, komentarz - i wypisuje sąsiednie wiersze z daszkiem pod usterką. Zgłasza też dwie rzeczy, które parser ukrywa: zduplikowane klucze, które JSON.parse po cichu sprowadza do ostatniego, oraz duże liczby całkowite tracące precyzję w chwili, gdy odczyta je JavaScript.
Porównanie dotyczy danych, nie tekstu. Dwa dokumenty różniące się wyłącznie wcięciami, znakami końca wiersza albo kolejnością zapisanych kluczy są raportowane jako ten sam dokument. Tablice porównywane są jako sekwencje, bo ich kolejność jest częścią danych: jeden wstawiony element jest raportowany jako jedno wstawienie, a nie jako zmiana wszystkiego po nim. Każda różnica pokazana jest jako dodana, usunięta, zmieniona albo ze zmianą typu, z symbolem i słowem, nie tylko kolorem.
Widok drzewa otwiera dokument poziom po poziomie, więc duży plik nie zamienia się w dużą stronę. Każdy wiersz niesie ścieżkę, która do niego prowadzi - users[4].email, profile.address.city - oraz przycisk kopiowania ścieżki i wartości, czyli zwykle tego, po co przyszedłeś do pliku.
Wklejony dokument, upuszczony plik, sparsowane wartości, statystyki i porównanie nigdy nie opuszczają tej karty. Za tym narzędziem nie stoi żadne wywołanie API, do pamięci przeglądarki nie trafia nic poza preferencją wcięcia, a do paska adresu nic. Tutaj znaczy to więcej niż w większości narzędzi: produkcyjne odpowiedzi API i pliki konfiguracyjne zwykle niosą poświadczenia, dane klientów albo wewnętrzne nazwy hostów.
Odczytanie odpowiedzi API, która przyszła w jednym wierszu. Sprawdzenie ładunku webhooka względem tego, czego oczekuje Twój handler. Znalezienie różnicy między dwiema wersjami pliku konfiguracyjnego. Zamiana przykładowej odpowiedzi w interfejs TypeScript. Potwierdzenie, że wiersz logu jest poprawnym JSON-em, zanim obwinisz parser.
Formatowanie i minifikacja przechodzą przez własny parser i serializer przeglądarki, więc wartości, sekwencje ucieczki i Unicode zostają zachowane dokładnie. Walidację wykonuje własny skaner tego narzędzia i dlatego potrafi podać wiersz i kolumnę, których nie daje komunikat przeglądarki, oraz ostrzec o zduplikowanych kluczach i o liczbach tracących precyzję. Dokumenty ograniczono do 5 MiB, podświetlanie składni wyłącza się powyżej 300 KiB, aby duży plik dało się pisać, a szczegółowe porównanie zatrzymuje się wcześniej przy bardzo dużych drzewach. Narzędzie nie sprawdza zgodności z JSON Schema i nie naprawia uszkodzonych dokumentów.
Nie. Formatowanie, walidacja, porównanie, statystyki i drzewo działają w Twojej przeglądarce. To narzędzie nie wykonuje żadnego wywołania API, a nic, co wkleisz lub upuścisz, nie trafia do pamięci przeglądarki ani do paska adresu. Między wizytami zapamiętywane jest wyłącznie wybrane wcięcie.
Bo porównuje dane, a nie tekst. Wcięcia, znaki końca wiersza i kolejność zapisania kluczy nie mają w JSON-ie znaczenia, więc nie są raportowane jako różnice. Kolejność w tablicy ma znaczenie i jest porównywana jako sekwencja, więc przestawiona lista to prawdziwa różnica.
Skaner je znajduje i ostrzega, ale nic ich nie odzyska: JSON.parse zachowuje tylko ostatnią wartość powtórzonego klucza i tak samo robi każdy inny parser JSON, którego prawdopodobnie użyjesz. Ostrzeżenie wskazuje klucz i wiersz, więc możesz poprawić źródło danych.
Do 5 MiB. Powyżej mniej więcej 300 KiB kolory składni się wyłączają, aby pisanie pozostało płynne, a przy bardzo dużych dokumentach szczegółowe porównanie zatrzymuje się wcześniej i o tym informuje. Statystyki i walidacja działają w całym zakresie.
MCP, Model Context Protocol: czym jest i jak działa w praktyce
MCP, REST API, Function Calling and Agent Tools compared
Model Context Protocol, czyli MCP, to otwarty standard łączenia aplikacji AI z narzędziami i źródłami danych. Zamiast budować osobną integrację dla każdego modelu i każdej usługi, serwer MCP opisuje udostępniane możliwości w ujednolicony sposób, a zgodny klient może je odkryć i wywołać. W 2026 MCP jest już znacznie bardziej dojrzałym protokołem niż w chwili premiery: najnowsza specyfikacja wprowadziła bezstanowy rdzeń HTTP, rozszerzenia, mocniejsze zasady autoryzacji i mechanizmy dla długich zadań.
Axios stał się domyślnym klientem HTTP dla wielu zespołów JavaScript, ponieważ oferował czyste API, zanim Fetch stał się standardowym prymitywem przeglądarki. Dziś wiele zespołów może używać natywnego Fetch bezpośrednio albo wybrać Ky, niewielki wrapper dodający wygodę bez pełnego ciężaru Axiosa. Właściwy wybór zależy od tego, czy naprawdę potrzebujesz funkcji specyficznych dla Axiosa, takich jak interceptory i istniejące wrappery, czy też lżejsza, bardziej nowoczesna warstwa zapytań lepiej pasuje do twojej aplikacji.
TypeScript kontra JavaScript: czego użyć do frontendu?
TypeScript and JavaScript compared
JavaScript to język sieci, a TypeScript to JavaScript z systemem typów, który pomaga zespołom wcześniej wychwytywać błędy i pewniej utrzymywać większe bazy kodu. Do małych skryptów i szybkich prototypów zwykły JavaScript może w zupełności wystarczyć. Przy poważnych aplikacjach frontendowych TypeScript często się zwraca dzięki lepszym narzędziom, bezpieczniejszym refaktoryzacjom i jaśniejszym kontraktom między modułami. Właściwy wybór zależy od wielkości projektu, doświadczenia zespołu i tego, jak długo kod ma żyć.
Tworzymy dedykowane oprogramowanie i rozwiązania dopasowane do Twoich potrzeb.