Visualizador JSON

Explore JSON em árvore, tabela e texto

Loading editor...

Explore deeply nested JSON without scrolling endlessly

Long API payloads, GraphQL responses, and AI tool outputs are hard to read as raw text. A tree view lets you collapse what you don't care about and drill into the parts that matter, so you can find a specific field, count items in an array, or understand the overall shape of an unfamiliar response in seconds.

Use the viewer when you need to

Inspect an unfamiliar API response

Expand and collapse nodes to learn the structure before you wire it into your code or write parsing logic.

Locate a specific field in a large payload

Use the path display and search to jump straight to the value you need without scrolling through thousands of lines.

Switch between tree, table, and raw views

Tree view fits nested data, table view fits arrays of objects, and raw view fits copy-paste — switch as the question changes.

How to view JSON quickly

  1. 1

    Paste the JSON payload or upload a file.

  2. 2

    Choose tree view for nested data or table view for arrays of objects.

  3. 3

    Click any value to copy it, or use the path display to share a pointer to a specific field.

Common viewer workflows

Reverse-engineer an undocumented API

Paste a sample response and walk the tree to see what fields exist before writing client code.

Audit a config file

Open the file in tree view to verify nested settings without skimming hundreds of lines.

Share a pointer to a specific value

Copy the dotted path next to a node and paste it into a ticket or message instead of describing it in prose.

Ferramentas relacionadas

Perguntas frequentes

Cole seu JSON e use o Tree View para navegar pela estrutura. Você pode expandir/recolher nós em qualquer profundidade e usar os controles de depth para expandir tudo até um nível específico. Clique em qualquer valor para copiá-lo.

Para consultas avançadas, use a ferramenta JSONPath Tester. Por exemplo, $.store.book[?(@.price < 10)] encontra todos os livros abaixo de $10. Para uma busca simples por texto, use Ctrl+F na visualização do editor.

O Tree View mostra toda a hierarquia e é melhor para dados aninhados. O Table View “achata” o JSON em linhas e colunas, o que funciona melhor para arrays de objetos (como respostas de API).

No momento, cole o JSON diretamente no editor. Um fluxo rápido: abra o endpoint da API em uma aba do navegador, copie a resposta e cole no JSON Viewer. Estamos trabalhando para suportar busca direta por URL.