DT Dev Tools

JSON Viewer — Przeglądarka JSON

Przeglądaj duży JSON jako rozwijane drzewo w przeglądarce. Szukaj kluczy i wartości, kopiuj ścieżkę węzła jako JSONPath, jq lub JavaScript — bez wysyłania.

🔒 Działa całkowicie w Twojej przeglądarce — nic nie jest przesyłane

Drop a JSON file here (.json, .geojson, .ndjson, .jsonl, .har…) or click to browse

Reklama

Szybka przeglądarka drzewa dla dużych plików JSON

JSON czyta się łatwo, gdy ma kilkanaście linii, a prawie nie da się go czytać, gdy jest to 40-megabajtowy zrzut API, eksport GeoJSON lub plik HAR z przeglądarki. Edytory tekstu mają problem z plikami tej wielkości, a większość przeglądarek online albo wysyła dane na serwer, albo zawiesza kartę, tworząc tysiące elementów HTML. Ta przeglądarka JSON jest zaprojektowana właśnie na taką sytuację: upuść plik, a zostanie przetworzony lokalnie i wyświetlony jako rozwijane drzewo, w którym rysowane są tylko wiersze widoczne na ekranie. Niezależnie od tego, czy dokument ma sto węzłów, czy kilka milionów, przewijanie i rozwijanie pozostają płynne.

Każdy wiersz pokazuje klucz lub indeks tablicy, kolorowaną wartość oraz — dla obiektów i tablic — liczbę kluczy lub elementów, które zawierają. Kliknij dowolny wiersz, aby go zaznaczyć i rozwinąć lub zwinąć, albo użyj klawiatury: strzałki przesuwają i rozwijają, Page Up i Page Down przeskakują o jeden ekran, a Enter przełącza bieżący węzeł. Expand all i Collapse all działają na cały dokument, z limitem bezpieczeństwa, który chroni stronę przed zawieszeniem przy ogromnym pliku.

Wyszukiwanie i kopiowanie ścieżek

Pole wyszukiwania przeszukuje każdy klucz i każdą wartość w dokumencie, także w węzłach, które są nadal zwinięte. Naciśnij Enter, aby przejść do następnego dopasowania, i Shift+Enter, aby wrócić; przeglądarka rozwija rodziców każdego trafienia, przewija do niego widok i podświetla pasujący tekst. Dzięki temu łatwo znaleźć konkretny identyfikator, adres e-mail lub kod błędu ukryty głęboko w zagnieżdżonej odpowiedzi.

Po zaznaczeniu węzła jego pełna ścieżka pojawia się pod drzewem. Wybierz potrzebną notację — JavaScript, JSONPath, JSON Pointer, jq lub Python — i skopiuj ją jednym kliknięciem albo najedź na wiersz i użyj przycisku kopiowania ścieżki. Klucze zawierające spacje, myślniki lub inne znaki specjalne są ujmowane w cudzysłowy i poprawnie escapowane dla każdego formatu, więc skopiowaną ścieżkę można wkleić prosto do kodu, polecenia jq, asercji testowej lub operacji JSON Patch. Copy value kopiuje zaznaczony ciąg jako zwykły tekst, a dowolny obiekt lub tablicę jako sformatowany JSON.

Prywatnie i offline

Wszystko dzieje się w Twojej przeglądarce. Plik nigdy nie jest wysyłany, nie ma konta i nic nie jest zapisywane, więc można bezpiecznie sprawdzać logi produkcyjne, eksporty klientów lub odpowiedzi zawierające tokeny. JSON rozdzielany znakami nowej linii (NDJSON lub JSON Lines) jest rozpoznawany automatycznie i wyświetlany jako tablica, a nieprawidłowe dane wejściowe są zgłaszane z numerem wiersza i kolumny pierwszego błędu. Jeśli chcesz przeformatować, zminimalizować lub posortować klucze dokumentu zamiast go przeglądać, użyj JSON Formatter.

Jak używać

  1. Otwórz JSONUpuść plik .json, .geojson lub .ndjson, kliknij, aby go wybrać, albo wklej tekst JSON.
  2. Przeglądaj drzewoKlikaj wiersze lub używaj strzałek, aby rozwijać i zwijać obiekty i tablice.
  3. SzukajWpisz klucz lub wartość i naciśnij Enter, aby przechodzić między dopasowaniami.
  4. Skopiuj ścieżkęZaznacz węzeł, wybierz format ścieżki i kliknij Copy path lub Copy value.

Najczęściej zadawane pytania

Czy mój plik JSON jest gdzieś wysyłany?
Nie. Plik jest odczytywany i przetwarzany przez przeglądarkę za pomocą wbudowanej funkcji JSON.parse. Nie ma komponentu serwerowego, więc odpowiedzi API, logi i eksporty nigdy nie opuszczają Twojego urządzenia.
Jak duży plik można otworzyć?
Pliki o rozmiarze 100 MB i większe działają na większości komputerów stacjonarnych. Rysowane są tylko wiersze widoczne na ekranie, więc przewijanie pozostaje płynne nawet przy milionach węzłów; praktycznym limitem jest pamięć przeglądarki.
Jakie formaty ścieżek mogę kopiować?
JavaScript (data.users[0].name), JSONPath ($.users[0].name), JSON Pointer (/users/0/name), jq (.users[0].name) i Python (data["users"][0]["name"]). Klucze ze spacjami lub symbolami są poprawnie cytowane w każdym formacie.
Czy obsługuje NDJSON lub JSON Lines?
Tak. Jeśli dane wejściowe nie są pojedynczym dokumentem JSON, ale każda niepusta linia jest poprawnym JSON-em, linie są wyświetlane jako tablica, po jednym elemencie na linię.
Co przeszukuje wyszukiwanie?
Klucze obiektów oraz tekst ciągów, liczb, wartości logicznych i null w dowolnym miejscu dokumentu, także wewnątrz zwiniętych węzłów. Pasujące węzły są rozwijane i podświetlane pojedynczo.
Reklama