json formatter

Formatador JSON - o original

Extensão do Chrome que formata automaticamente o JSON quando você o visualiza em uma guia do navegador.

Características

• Rápido , mesmo em páginas JSON muito longas
• Modo escuro
• Destaque de sintaxe
• Árvores dobráveis, com guias de recuo
• URLs clicáveis
• Impacto insignificante no desempenho em páginas não JSON (menos de 1 milissegundo)
• Funciona em qualquer página JSON válida – o URL não importa
• Botões para alternar entre JSON bruto e analisado
• JSON analisado é exportado como uma variável global, json , para que você possa inspecioná-lo no console *

* Digitar json no console não funciona desde o Manifest v3. Se precisar de uma solução alternativa, cole este trecho no console:

 json = JSON . parse ( document . getElementById ( "jsonFormatterRaw" ) . querySelector ( "pre" ) . innerText )

Alguns documentos JSON para testá-lo: https://callumlocke.github.io/json-formatter/

Instalação

Opção 1 (recomendado) – Instale-o na Chrome Web Store.

Opção 2 – Instale-o da fonte (veja abaixo).

Desenvolvimento

Requisitos: Deno (e Node por enquanto).

Configuração inicial:

• Clonar repositório
• Execute pnpm i para obter digitações TypeScript para chrome (ou use npm i se preferir)
• Opcional: se estiver usando VSCode e precisar mexer nos scripts de construção do Deno, instale o plugin oficial do Deno e defina "deno.enablePaths": ["tasks"] .

Para construí-lo:

• Execute deno task build

Para construir e reconstruir sempre que os arquivos forem alterados:

• Execute deno task dev

Para instalar sua versão local no Chrome

• Abra o Chrome e vá para chrome://extensions
• Ative o "modo de desenvolvedor",
• Clique em "Carregar descompactado",
• Selecione a pasta dist que você criou acima.

Perguntas frequentes

Por que os números grandes não são exibidos com precisão?

Esta é uma limitação do JavaScript e, portanto, uma limitação do JSON conforme interpretado pelo seu navegador.

• Qualquer coisa acima de Number.MAX_SAFE_INTEGER ( 2^53 - 1 ou 9007199254740991 ) é ajustado para esse número.
• Qualquer coisa abaixo de Number.MIN_SAFE_INTEGER ( -2^53 + 1 ou -9007199254740991 ) é ajustado até esse número.
• Números de ponto flutuante extremamente precisos são arredondados para 16 dígitos.

Não é o JSON Formatter que está fazendo isso, é o JSON.parse nativo no V8. JSON Formatter mostra os valores analisados , exatamente iguais aos que você verá após carregar o JSON em JavaScript.

Se o endpoint da sua API realmente precisar representar números fora do intervalo seguro do JavaScript, ele deverá citá-los como strings .

Por que as chaves dos objetos às vezes estão na ordem errada?

O que você vê no JSON Formatter é uma representação do objeto/array analisado . É a mesma ordem que você obterá com Object.keys( JSON.parse(json) ) em JavaScript.

Historicamente, o padrão JavaScript afirmava explicitamente que as chaves de objeto podem ser iteradas em qualquer ordem, e o V8 aproveitou isso movendo chaves de string numéricas (como "1" ou "99999" ) para o topo para facilitar uma pequena otimização de desempenho. Desde então, este detalhe de implementação do V8 tornou-se padronizado.

Mas eu só quero ver exatamente o que o servidor divulga

Por enquanto, sua melhor opção é apenas usar o botão “Raw” para ver o JSON bruto. Isto é o que o servidor enviou. Os botões "Analisado" representam o que você obterá JSON.parse .

No futuro, o JSON Formatter poderá mudar do uso de JSON.parse para um analisador personalizado (se o desempenho permitir) para detectar quando um valor foi 'alterado' pela análise e mostrar um aviso apropriado.