O que é Visualizador/editor de JSON?

O Visualizador/Editor JSON oferece uma visualização em árvore interativa para explorar e editar dados JSON. Recolha e expanda objetos aninhados, edite valores diretamente, adicione ou remova chaves e pesquise dentro da estrutura. Funciona bem com respostas de API complexas e arquivos de configuração.

A visão em árvore recolhe cada ramo de forma independente, então você consegue explorar uma resposta de API de 5000 linhas sem perder o lugar. Clicar em qualquer valor abre um editor embutido que respeita o tipo original (texto, número, booleano, null). Pesquise por caminho para ir até um nó como settings.database.timeout, ou mude para a busca por valor para encontrar um nó pelo conteúdo — um e-mail, um id, um código de status.

Como usar

1. Passo 1 — Cole dados JSON ou faça o upload de um arquivo .json para carregá-lo na visualização em árvore interativa com nós recolhíveis.
2. Passo 2 — Clique em qualquer valor para editá-lo diretamente, use a barra de ferramentas para adicionar novas chaves ou itens, excluir entradas ou pesquisar caminhos específicos dentro da árvore.
3. Passo 3 — Alterne entre a visão em árvore e o modo de texto puro. Ao terminar, copie o resultado ou baixe-o como JSON, YAML, CSV ou XML.

Quando usar

• Caçar um campo mal configurado dentro de um YAML/JSON longo do Kubernetes ou resposta de API.
• Limpar arquivos de dump antes de comitá-los no git ou colá-los num relato de bug.
• Explicar a estrutura JSON para alguém iniciante — a árvore mostra os níveis de aninhamento de cara.

Resultado

Você recebe uma configuração de API aninhada de 200 linhas e precisa alterar uma única configuração enterrada 5 níveis de profundidade. Carregue-a na visualização em árvore, use a pesquisa para encontrar timeout, clique no valor para alterá-lo de 30 para 60 e baixe o JSON atualizado.

Perguntas frequentes

Qual o tamanho de JSON que o editor aguenta sem travar?

Arquivos abaixo de 5 MB carregam suaves. Em torno de 20 MB também funciona, mas a primeira expansão da árvore demora um segundo. Acima de 50 MB, use um parser em streaming ou divida o arquivo antes.

Editar um valor muda o tipo, ou tudo vira string?

O editor preserva o tipo original. Trocar o número 30 por 60 ainda é número. Para virar string, mude para o modo texto, ponha as aspas na mão e volte para a árvore.

Por que minha edição mostra erro quando volto para o modo árvore?

O modo de texto deixa você digitar livremente, então é possível introduzir erros de sintaxe (chaves sem aspas, vírgulas sobrando, aspas simples, chaves não fechadas). A visão em árvore só aparece quando o JSON é interpretado sem erros. Clique em Reparar para corrigir os enganos mais comuns automaticamente, ou ajuste à mão o erro mostrado abaixo da caixa de texto e tente de novo.

Dá para adicionar uma chave nova num objeto que já tem filhos?

Dá. Expanda o objeto pai, clique no botão Adicionar chave na linha dele, digite o nome e escolha o tipo (string, número, objeto, array, etc.). A nova entrada aparece no final do objeto.

Meus dados são enviados pra algum lugar quando eu colo?

Os dados que você cola, digita ou envia ficam no seu aparelho — nada é enviado para lugar nenhum. A única requisição externa acontece quando você usa Carregar de uma URL, e essa requisição vai direto do seu aparelho para o endereço que você informou. Arquivos de configuração sensíveis e tokens de autenticação nunca passam pelos nossos servidores.

Ferramentas relacionadas