Print JSON and JSONP nicely when you visit it directly in a browser tab

Aug 12, 2019 · 2 min read

JSON is a very popular file format. Czasami możemy mieć obiekt JSON wewnątrz karty przeglądarki, który musimy przeczytać, a to może być trudne.

być może będziemy musieli poszukać narzędzia online, które zamieni go w łatwy do odczytania format, abyśmy mogli go zrozumieć.

teraz, oto rozszerzenie Chrome i Firefox, które robi formatowanie i sprawia, że JSONs natychmiast ładne wewnątrz przeglądarki, bez konieczności wykonywania wielu niepotrzebnych kroków.

jest wyposażony w obsługę JSON i JSONP i podświetla składnię, dzięki czemu można odpowiednio rozróżniać różne atrybuty i wartości. Jest również wyposażony w opcję zwijania węzłów, klikalne adresy URL, które można otworzyć w nowych kartach, i widzisz surowy, niesformatowany JSON.

działa z każdą stroną JSON, niezależnie od adresu URL, który otworzyłeś. Działa również z plikami lokalnymi, po włączeniu w chrome://extensions. Możesz sprawdzić JSON, wpisującjson w konsoli.

możesz zainstalować rozszerzenie, przechodząc tutaj dla Chrome i tutaj dla Firefox, a następnie przetestować je, na przykład, odwiedzając tę odpowiedź API.

tak to wygląda, przed formatowaniem:

Now, take a look at the beautiful JSON response you get with JSON Formatter:

Here is a pro tip: Hold down CTRL (or CMD on Mac) while collapsing a tree, if you want to collapse all its siblings too.