JSON está em todo lugar. Lê-lo em estado bruto é sofrimento.
Todo desenvolvedor já passou por isso: você chama um endpoint, uma parede de JSON inunda o terminal, e você precisa encontrar um campo aninhado seis níveis abaixo. Ou abre um package.json que alguém modificou e tenta identificar a diferença a olho nu. JSON bruto é amigável para máquinas. Olhos humanos não se adaptam bem a ele.
É exatamente esse problema que o visualizador JSON online do FileCrank resolve — sem instalação, sem cadastro, tudo funciona direto no navegador.
O que você pode fazer com ele
Cole e explore na hora
Jogue qualquer JSON no painel de entrada. A ferramenta renderiza imediatamente uma árvore expansível com código de cores:
- Strings em verde
- Números em azul
- Booleanos em roxo
- Null em cinza
Recolha o array data para focar no bloco meta. Expanda somente o objeto que você precisa. Só isso já economiza minutos ao navegar por uma resposta de API grande.
Suporte a JSONC — comentários incluídos
Trabalhando com arquivos de configuração? Muitos configs reais — configurações do VS Code, configs do TypeScript — usam JSONC: JSON com comentários. O JSON.parse padrão quebra em // e /* */. Este formatador JSON online remove os comentários automaticamente antes de fazer o parse, então você pode colar seu config do jeito que está.
Edite sem sair do navegador
Você não precisa abrir um editor de texto para corrigir um valor errado. Clique em qualquer valor da árvore para editá-lo inline. A ferramenta detecta o tipo automaticamente: digite true e vira booleano, digite 42 e vira número. Dê duplo clique em um nome de chave para renomeá-la.
Exemplo: Você recebe um payload de webhook onde "active": "true" é uma string em vez de booleano. Clique no valor, digite true sem aspas, pressione Enter. Resolvido.
Adicione e remova nós
Precisa adicionar uma nova chave? Clique em + ao lado de qualquer objeto ou array. Precisa remover? Clique em × no nó. A árvore atualiza na hora.
Painel de JSON gerado em tempo real
Enquanto você edita, o painel "JSON gerado" se atualiza em tempo real mostrando o JSON modificado completo, pronto para copiar. Não existe uma etapa separada de "aplicar" — o que você vê na árvore é o que aparece na saída.
Copie, redefina e acompanhe as mudanças
Um clique em "Copiar" manda o JSON completo para a área de transferência. "Redefinir" reverte tudo para o que foi colado originalmente. Um badge âmbar Modificado aparece sempre que sua cópia de trabalho difere da entrada.
Um fluxo de trabalho real
Imagine que você está depurando uma resposta de API REST:
- Copie o corpo da resposta da aba de rede ou do seu cliente de API
- Cole no visualizador JSON
- Recolha o array
results— você tem 200 itens e só se importa com o envelope - Percebe que
pagination.totalé"500"(string) em vez de500(número) - Clica no valor, digita
500, pressiona Enter - Copia o JSON corrigido do painel de saída
- Cola no seu fixture de teste ou no relatório de bug
Tempo total: menos de 30 segundos. Sem ferramenta local.
Experimente agora
Abra o formatador JSON grátis, cole uma resposta de API que você queria inspecionar, e veja o quanto mais rápido a árvore faz sentido da estrutura comparado a encarar JSON minificado.
Se você trabalha com dados estruturados além do JSON, confira JSON para CSV, CSV para JSON ou Codificador Base64 para o próximo passo do seu fluxo de trabalho.