DT Dev Tools

JSON Viewer — Visualizador de JSON

Veja JSON grande como árvore recolhível no navegador. Pesquise chaves e valores e copie o caminho de qualquer nó em JSONPath, jq ou JavaScript — sem upload.

🔒 Executa completamente no seu navegador — nada é enviado

Drop a JSON file here (.json, .geojson, .ndjson, .jsonl, .har…) or click to browse

Publicidade

Um visualizador em árvore rápido para arquivos JSON grandes

O JSON é fácil de ler quando tem uma dúzia de linhas e quase impossível quando é um dump de API de 40 MB, uma exportação GeoJSON ou um arquivo HAR do navegador. Os editores de texto têm dificuldade com arquivos desse tamanho, e a maioria dos visualizadores online envia seus dados ou trava a aba enquanto cria milhares de elementos HTML. Este visualizador de JSON foi feito justamente para essa situação: solte o arquivo e ele é analisado localmente, depois exibido como uma árvore recolhível em que apenas as linhas visíveis na tela são desenhadas. Seja o documento com cem nós ou vários milhões, a rolagem e a expansão continuam fluidas.

Cada linha mostra a chave ou o índice do array, um valor com cores e, para objetos e arrays, o número de chaves ou itens que contêm. Clique em qualquer linha para selecioná-la e abri-la ou fechá-la, ou use o teclado: as setas movem e expandem, Page Up e Page Down saltam uma tela de cada vez e Enter alterna o nó atual. Expand all e Collapse all funcionam em todo o documento, com um limite de segurança para que um arquivo enorme não trave a página.

Pesquisar e copiar caminhos

A caixa de pesquisa percorre todas as chaves e valores do documento, inclusive os nós que ainda estão recolhidos. Pressione Enter para ir à próxima correspondência e Shift+Enter para voltar; o visualizador expande os pais de cada resultado, rola até ele e destaca o texto correspondente. Assim fica rápido encontrar um ID, um e-mail ou um código de erro escondido no fundo de uma resposta aninhada.

Ao selecionar um nó, o caminho completo aparece abaixo da árvore. Escolha a notação de que precisa — JavaScript, JSONPath, JSON Pointer, jq ou Python — e copie com um clique, ou passe o mouse sobre uma linha e use o botão de copiar caminho. Chaves com espaços, hífens ou outros caracteres especiais são colocadas entre aspas e escapadas corretamente para cada formato, de modo que o caminho copiado possa ser colado direto no código, em um comando jq, em uma asserção de teste ou em uma operação JSON Patch. Copy value copia a string selecionada como texto simples, ou qualquer objeto ou array como JSON formatado.

Privado e funciona offline

Tudo acontece no seu navegador. O arquivo nunca é enviado, não há conta e nada é armazenado, por isso é seguro inspecionar logs de produção, exportações de clientes ou respostas que contêm tokens. O JSON delimitado por quebras de linha (NDJSON ou JSON Lines) é reconhecido automaticamente e exibido como um array, e entradas inválidas são indicadas com a linha e a coluna do primeiro erro. Se você precisa reformatar, minificar ou ordenar as chaves de um documento em vez de navegar por ele, use o JSON Formatter.

Como usar

  1. Abra o JSONSolte um arquivo .json, .geojson ou .ndjson, clique para procurar ou cole o texto JSON.
  2. Explore a árvoreClique nas linhas ou use as setas do teclado para expandir e recolher objetos e arrays.
  3. PesquiseDigite uma chave ou um valor e pressione Enter para saltar entre as correspondências.
  4. Copie o caminhoSelecione um nó, escolha um formato de caminho e clique em Copy path ou Copy value.

Perguntas frequentes

Meu arquivo JSON é enviado para algum lugar?
Não. O arquivo é lido e analisado pelo seu navegador com o JSON.parse nativo. Não há componente de servidor, portanto respostas de API, logs e exportações nunca saem do seu dispositivo.
Qual o tamanho máximo de arquivo que ele abre?
Arquivos de 100 MB ou mais funcionam na maioria dos computadores. Apenas as linhas visíveis são desenhadas, então a rolagem continua fluida mesmo com milhões de nós; o limite prático é a memória do seu navegador.
Quais formatos de caminho posso copiar?
JavaScript (data.users[0].name), JSONPath ($.users[0].name), JSON Pointer (/users/0/name), jq (.users[0].name) e Python (data["users"][0]["name"]). Chaves com espaços ou símbolos recebem aspas corretas em cada formato.
Ele suporta NDJSON ou JSON Lines?
Sim. Se a entrada não for um único documento JSON, mas todas as linhas não vazias forem JSON válido, as linhas são exibidas como um array, com um item por linha.
O que a pesquisa examina?
Chaves de objetos e o texto de strings, números, booleanos e valores null em qualquer parte do documento, inclusive dentro de nós recolhidos. Os nós correspondentes são expandidos e destacados um de cada vez.
Publicidade