A extensão de navegador do JSONForge

O que a extensão faz

Quando você chega a uma página que serve JSON (uma resposta bruta de API, um arquivo JSON ou conteúdo com content-type application/json), a extensão detecta e renderiza com o mesmo formatador e visualizador de árvore do site — recolhível, com destaque de sintaxe e validado. Em vez de um muro de texto sem formatação, você obtém um documento explorável na aba em que já está.

O popup funciona ao contrário: cole qualquer trecho de JSON e formate ali mesmo, sem sair do que estava fazendo. É o caminho mais rápido quando o JSON está na sua área de transferência, e não em uma página.

Instalação

A extensão funciona em navegadores baseados em Chromium (Chrome, Edge, Brave, Arc, Opera) e é instalada pela Chrome Web Store — o próprio botão “Obter a extensão” no cabeçalho deste site aponta direto para a listagem. Um clique em “Add to Chrome” e ela funciona imediatamente; sem conta, sem configuração e sem permissões além de ler as páginas que você mesmo abrir e que sirvam JSON.

Ela formata localmente desde a instalação: abra qualquer endpoint JSON bruto — experimente um público, como a API JSONPlaceholder — e a extensão oferece a visualização formatada antes de o navegador exibir seu texto puro.

Um fluxo de depuração típico

Abra o endpoint que está depurando direto em uma aba (ou pelo painel Network com “abrir em nova aba”), e a extensão renderiza a resposta como uma árvore recolhível. Recolha tudo, expanda apenas o ramo que está investigando e use a busca para pular para uma chave em qualquer parte do documento. Troque para a visualização bruta quando precisar copiar os bytes exatos para um relatório de bug.

Como a renderização usa o mesmo motor do visualizador de árvore do site, o que você vê na aba corresponde ao que obterá ao colar o payload depois em qualquer ferramenta do JSONForge — sem surpresas ao passar de leitura para conversão ou validação.

Extensão vs. site

Prefira a extensão quando estiver examinando respostas de API ao vivo no navegador e quiser legibilidade imediata sem trocar de contexto. Use o site para trabalhos mais pesados — conversões (YAML, CSV, TypeScript), validação de esquema, reparo, a placeholder API — já que o kit completo fica lá. Eles compartilham o mesmo motor, então os resultados são idênticos.

Privacidade

A extensão processa o JSON localmente na sua aba e não transmite nada: sem análise, sem telemetria e nenhum conteúdo de página sai do navegador. O content script verifica se a página aberta é uma resposta JSON bruta; se não for, ele não faz mais nada. A área de transferência só é lida quando você clica em “Colar” no popup. A política de privacidade do site documenta esse comportamento em detalhes.