Articles

Easy-to-Read JSON With This Chrome/Firefox Extension

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

Fatos Morina
Aug 12, 2019 · 2 min read

Img source: Chrome web store

JSON is a very popular file format. A veces podemos tener un objeto JSON dentro de una pestaña del navegador que necesitamos leer y esto puede ser difícil.

Es posible que tengamos que buscar una herramienta en línea que lo convierta en un formato fácil de leer para que podamos entenderlo.

Ahora, aquí hay una extensión para Chrome y Firefox que hace el formato y hace que tus JSONs sean bonitos al instante dentro de tu navegador, sin tener que realizar muchos pasos innecesarios.

Viene con soporte para JSON y JSONP y resalta la sintaxis para que pueda diferenciar diferentes atributos y valores en consecuencia. También viene con la opción de contraer nodos, URL en las que se puede hacer clic que puede abrir en pestañas nuevas y verá el JSON sin formato y sin formato.

Funciona con cualquier página JSON, independientemente de la URL que haya abierto. También funciona con archivos locales, después de habilitarlo en chrome://extensions. Puede inspeccionar el JSON escribiendo json en la consola.

Puede instalar la extensión yendo aquí para Chrome y aquí para Firefox y luego probarlo, por ejemplo, visitando esta respuesta de la API.

Esto es lo que parece, antes de formatear:

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.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *