7 narzędzi do edycji plików JSON w przeglądarce Google Chrome

Format JSON wywodzi się z języka JavaScript i często jest używany do przesyłania danych pomiędzy serwerem a aplikacją internetową. Jest to alternatywa dla XML, która pozwala programiście bawić się przy użyciu dowolnej liczby narzędzi. Ale co, jeśli chcesz używać przeglądarki do pracy z plikami JSON? Istnieje kilka aplikacji internetowych i rozszerzeń dla przeglądarki Google Chrome, których zadaniem jest pomoc programistom w edytowaniu plików JSON.

1. Edytor JSON online

Dostępne jako: aplikacja internetowa

JSON Editor Online to narzędzie do przeglądania, edytowania i formatowania JSON. Ta aplikacja Chrome otwiera edytor tekstu w przeglądarce, umożliwiając edycję kodu bez konieczności przełączania się do innej aplikacji. Aplikacja wyświetla dwa pola tekstowe obok siebie. Pole po lewej stronie wyświetla kod w niezmienionej postaci, natomiast pole po prawej stronie wyświetla tekst w bardziej czytelnym formacie.

Aplikacja może otwierać zarówno pliki lokalne, jak i adresy URL. Jego kod źródłowy jest również dostępny dla tych, którzy chcą wiedzieć, jak został wykonany. Może otwierać pliki o rozmiarze do 512 MB, co na pierwszy rzut oka może nie wydawać się duże, ale może zawierać ogromną ilość danych. W przypadku naprawdę dużych plików możesz sprawdzić te narzędzia, aby szybko je wyświetlić bez opóźnień .

Edytor JSON to coś więcej niż tylko edytor. To formater, parser, a nawet asystent naprawy. Zdecydowanie zasługuje na miejsce w zestawie narzędzi każdego programisty.

2. Formater JSON

Dostępne jako: rozszerzenie Chrome

Rozszerzenie JSON Formatter do przeglądarki Chrome to narzędzie typu open source, które ułatwia także czytanie kodu JSON. Zachwala obsługę zarówno formatów JSON, jak i JSONP i oferuje podświetlanie składni, składane drzewa, prowadnice wcięć i klikalne adresy URL. Działa na każdej prawidłowej stronie JSON, a także na plikach lokalnych.

To rozszerzenie działa również na plikach JSON udostępnianych przez Internet. Czasami jednak koliduje to ze stylem witryny HTML, gdy dane JSON są podawane w postaci surowej w części HTML. Dzieje się tak zazwyczaj na przykładowej stronie z oficjalnej strony JSON , na której kolor tła znika.

Ale ponieważ jest to rozszerzenie, możesz je łatwo wyłączyć lub uniemożliwić pracę na stronach incognito. Poza tym jest to oprogramowanie typu open source, więc możesz manipulować kodem źródłowym, aby uzyskać jeszcze więcej funkcji.

3. Widok JSON

Dostępne jako: rozszerzenie Chrome

JSONView dla przeglądarki Google Chrome powstał jako dodatek do przeglądarki Firefox . Zawiera opcje menu kontekstowego umożliwiające skopiowanie ścieżki lub wartości JSON. Istnieje również wbudowany edytor stylów umożliwiający dostosowywanie motywu.

Jako rozszerzenie stworzone przez innego programistę, JSONVue rozszerza możliwości JSONView do sprawdzania poprawności dokumentów JSON przy użyciu JSONLint .

JSONView stosuje również ładne drukowanie na plikach JSON. Spowoduje to dodanie pogrubionego druku na klawiszach JSON, aby ułatwić ich odczytanie w stosunku do niepogrubionych nawiasów i dwukropków.

4. Upiększacz i edytor JSON

Dostępne jako: rozszerzenie Chrome

JSON Beautifier & Editor zmienia przeglądarkę Chrome w narzędzie JSON do edycji, przetwarzania i analizowania danych. Umożliwia zmianę kluczy i wartości, a także zapisywanie zmian w pliku wyjściowym JSON do pobrania.

Być może największą funkcją JSON Beautifier & Editor jest możliwość dodawania i usuwania białych znaków w plikach JSON. Umożliwia także sortowanie obiektów na wypadek zmiany kilku rzeczy podczas kodowania.

Podsumowując, to rozszerzenie rozszerza możliwości zwykłych rozszerzeń JSON dla przeglądarki Chrome, zmieniając przeglądarkę internetową w edytor tekstu offline dla plików JSON.

5. Kod upiększania edytora JSON

Dostępne jako: aplikacja internetowa

Edytor JSON Code Beautify to tylko jedno z wielu innych narzędzi dostępnych w pakiecie aplikacji do upiększania kodu firmy Code Beautify. Koncentrując się na Edytorze JSON, znajdziesz kilka innych sposobów przeglądania plików JSON w przeglądarce internetowej.

Aplikacja udostępnia widok kodu, który w większości jest uproszczonym widokiem tekstu — z tą różnicą, że jest on niezależny od widoku tekstu podczas przeglądania kompaktowego formatu JSON. Tymczasem widok Formularz pokazuje rozmiar każdej tablicy wewnątrz każdej zwiniętej linii. W przypadku obiektów pokazuje, ile kluczy znajduje się w środku.

Kolejną rzeczą, która sprawia, że ​​to rozszerzenie jest przydatne, jest to, że pokazuje, jak duże są edytowane i oryginalne pliki JSON. Jeśli pracujesz nad projektem o bardzo specyficznych rozmiarach plików, może to być odpowiednie narzędzie do tego zadania.

6. Poradniki Wskaż edytor JSON online

Dostępne jako: aplikacja internetowa

Internetowy edytor JSON firmy Tutorials Point to świetne narzędzie do edycji JSON, które jest również przyjemne dla oczu. Umożliwia przełączanie elementów wizualnych, co może pomóc w wizualizacji białych znaków w głęboko zagnieżdżonym kodzie JSON. Ponadto ma zmienne motywy.

Być może główną atrakcją tego edytora jest to, że oferuje on również dostęp do biblioteki samouczków. Dzięki temu jest to przydatne narzędzie dla osób próbujących uczyć się nowych języków programowania , korzystając głównie z zasobów internetowych.

Podobnie jak wszystkie inne narzędzia do edycji JSON online, ten edytor umożliwia pobranie edytowanego JSON za pośrednictwem przeglądarki. W ten sposób możesz użyć tego do zrobienia prawie wszystkiego, co musisz zrobić z dowolnym kodem JSON.

7. Edytor JSON z narzędzi Dana

Dostępne jako: aplikacja internetowa

Edytor JSON firmy Dan’s Tools to darmowy internetowy edytor JSON o przejrzystym i minimalistycznym wyglądzie. Braki w funkcjach nadrabia szybkim ładowaniem zaraz po wpisaniu adresu URL.

Jest wystarczająco dobry, jeśli potrzebujesz czegoś, co możesz szybko edytować. Jednak funkcja „Wczytaj plik” czasami pojawia się na dole ekranu w niektórych przeglądarkach podczas korzystania z rozszerzeń blokujących reklamy, co może być niewygodne.

Twórca tej aplikacji, Clean CSS (znany również jako Dan’s Tools), ma również inne narzędzia do konwersji JSON na inne formaty, takie jak CSV, XML, TSV, a nawet HTML.

Wygodny dostęp do plików JSON

Wszystkie obrazy i zrzuty ekranu wykonał Terenz Jomar Dela Cruz