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. Às vezes podemos ter um objeto JSON dentro de uma guia de navegador que precisamos ler e isso pode ser difícil.

Podemos precisar de ir e procurar uma ferramenta online que a transforme num formato fácil de ler para que possamos compreendê-la.

agora, aqui está uma extensão Chrome e Firefox que faz a formatação e torna seus JSONs instantaneamente bonito dentro do seu navegador, sem ter que executar muitos passos desnecessários.

ele vem com suporte para JSON e JSONP e destaca a sintaxe para que você possa diferenciar diferentes atributos e valores de acordo. Ele também vem com a opção de colapsar nós, URLs clicáveis que você pode abrir em novas abas, e você vê o JSON cru, não formatado.

ele funciona com qualquer página JSON, independentemente da URL que você abriu. Ele também funciona com arquivos locais, depois de ativá-lo em chrome://extensions. Você pode inspecionar o JSON digitando json na consola.

pode instalar a extensão indo aqui para o Chrome e aqui para o Firefox e depois testá-lo, por exemplo, visitando esta resposta da API.

isto é o que parece, antes de formatar:

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.