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. Soms kunnen we een JSON object in een browser tab die we nodig hebben om te lezen en dit kan moeilijk zijn.

we moeten misschien gaan zoeken naar een online tool die het verandert in een gemakkelijk te lezen formaat zodat we het kunnen begrijpen.

nu, hier is een Chrome en Firefox extensie die de opmaak doet en maakt uw JSONs direct mooi in uw browser, zonder dat u veel onnodige stappen uit te voeren.

het wordt geleverd met ondersteuning voor JSON en JSONP en benadrukt de syntaxis, zodat u verschillende attributen en waarden dienovereenkomstig kunt onderscheiden. Het komt ook met de optie om knooppunten in te klappen, klikbare URL ‘ s die u kunt openen in nieuwe tabbladen, en je ziet de raw, ongeformatteerde JSON.

Het werkt met elke JSON-pagina, ongeacht de URL die u hebt geopend. Het werkt ook met lokale bestanden, nadat u het hebt ingeschakeld in chrome://extensions. U kunt de JSON inspecteren door json in de console te typen.

u kunt de extensie installeren door hier te gaan voor Chrome en hier voor Firefox en vervolgens te testen, bijvoorbeeld door deze API-reactie te bezoeken.

zo ziet het eruit, voor het formatteren:

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.