Developer Tools
Data & AnalyticsVisualizador JSON
Renderize JSON como uma árvore interativa expansível com destaque de sintaxe, cópia de caminhos, pesquisa de valores e alternância de nós. Explorador de JSON gratuito online.
Entrada JSON
Árvore JSON
Pesquisar:
Cole ou digite JSON acima para visualizar a árvore interativa.
Ferramentas Relacionadas
Sobre o Visualizador JSON
Como Funciona
- Cole qualquer JSON válido e ele será renderizado como árvore interativa colapsável
- Clique em qualquer nó de objeto ou array para expandir ou recolher seus filhos
- Use Expandir Tudo / Recolher Tudo para controlar toda a árvore
- Pesquise chaves e valores — os nós correspondentes são destacados
- Clique no ícone de cópia ao lado de qualquer nó para copiar seu caminho ou valor
Casos de Uso Comuns
- Explorar respostas de API profundamente aninhadas
- Depurar arquivos de configuração JSON complexos
- Encontrar chaves ou valores específicos em grandes payloads JSON
- Copiar caminhos JSON exatos para uso em código ou ferramentas
- Revisar dados estruturados de bancos de dados ou logs
Perguntas Frequentes
O que é o Visualizador JSON?
O Visualizador JSON é uma ferramenta interativa que renderiza qualquer JSON válido como uma estrutura de árvore colapsável com destaque de sintaxe colorido. Permite explorar dados aninhados, copiar caminhos e valores, e pesquisar chaves ou valores específicos.
Como expandir ou recolher um nó?
Clique em qualquer nó de objeto ou array (indicado por { } ou [ ]) para alternar entre aberto e fechado. Use o botão 'Expandir Tudo' para abrir a árvore inteira ou 'Recolher Tudo' para fechar tudo até o nível raiz.
Como funciona a pesquisa?
Digite qualquer palavra-chave no campo de Pesquisa. A ferramenta destacará todos os nós cujo nome de chave ou valor contenha seu termo de pesquisa (sem distinção de maiúsculas). Os nós correspondentes são realçados com fundo amarelo.
Como copio um caminho JSON?
Passe o mouse sobre qualquer nó — um ícone de link aparecerá à direita. Clique nele para copiar o caminho em notação de ponto (ex.: user.address.city) para a área de transferência.
Como copio o valor de um nó?
Passe o mouse sobre um nó e clique no ícone de área de transferência à direita. Para valores primitivos, copia o valor bruto; para objetos e arrays, copia a subárvore completa como JSON formatado.
Meus dados JSON são enviados para um servidor?
Não. Todo o processamento ocorre inteiramente no seu navegador usando JavaScript do lado do cliente. Seus dados JSON nunca saem do seu dispositivo, portanto é seguro colar dados confidenciais.
Quais recursos JSON o visualizador suporta?
Suporta a especificação JSON completa: objetos e arrays aninhados de qualquer profundidade, todos os tipos primitivos (strings, números, booleanos, null), caracteres Unicode e sequências de escape.
Posso usar para visualizar respostas de API?
Sim — copie o JSON bruto da aba de rede do navegador, de um cliente REST ou do terminal e cole na área de entrada. O visualizador renderiza instantaneamente como uma árvore interativa.
O que acontece ao colar JSON inválido?
Se a entrada não puder ser analisada como JSON válido, uma mensagem de erro é exibida no painel da árvore com o erro exato de análise. Corrija a entrada e a árvore será atualizada automaticamente.
Qual a diferença entre o Visualizador e o Formatador JSON?
O Formatador JSON produz texto bruto bem indentado — útil para copiar e colar. O Visualizador renderiza JSON como árvore interativa — útil para explorar estrutura e encontrar nós específicos.
O visualizador lida com arquivos JSON grandes?
Lida bem com JSON de tamanho médio (até alguns MB). Arquivos muito grandes podem causar lentidão no navegador. Para dados enormes, recolha o nível raiz primeiro e expanda apenas as seções necessárias.
Posso carregar um exemplo para experimentar a ferramenta?
Sim — clique no botão 'Exemplo' para carregar um objeto JSON pré-construído com estruturas aninhadas, arrays e múltiplos tipos de dados.