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. Manchmal haben wir ein JSON-Objekt in einem Browser-Tab, das wir lesen müssen, und dies kann schwierig sein.

Möglicherweise müssen wir nach einem Online-Tool suchen, das es in ein leicht lesbares Format umwandelt, damit wir es verstehen können.

Nun, hier ist eine Chrome- und Firefox-Erweiterung, die die Formatierung vornimmt und Ihre JSONs sofort in Ihrem Browser hübsch macht, ohne viele unnötige Schritte ausführen zu müssen.

Es unterstützt JSON und JSONP und hebt die Syntax hervor, sodass Sie verschiedene Attribute und Werte entsprechend unterscheiden können. Es kommt auch mit der Option, Knoten zu reduzieren, anklickbare URLs, die Sie in neuen Tabs öffnen können, und Sie sehen den rohen, unformatierten JSON.

Es funktioniert mit jeder JSON-Seite, unabhängig von der URL, die Sie geöffnet haben. Es funktioniert auch mit lokalen Dateien, nachdem Sie es in chrome://extensions . Sie können den JSON überprüfen, indem Sie json in die Konsole eingeben.

Sie können die Erweiterung installieren, indem Sie hier für Chrome und hier für Firefox gehen und sie dann testen, indem Sie beispielsweise diese API-Antwort besuchen.

So sieht es vor dem Formatieren aus:

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.