Saltar para o conteúdo principal
LibraTool logoLibraTool

Formatador de JSON grátis

Formate, valide, reduza e explore dados JSON. Visualização em árvore, destaque de sintaxe e cópia com um clique.

Funciona offline depois de carregado

Usos comuns

  • Formate Respostas de APICole respostas JSON de API bruto e instantaneamente formate em saída legível e indentada.
  • Formate Arquivos JSON ConfigLimpe e valide arquivos de configuração JSON — package.json, tsconfig.json, configurações e muito mais.
  • Formate JSON para DepuraçãoDesemaranhe logs JSON minificados ou escapados, cargas de erro e saídas de banco de dados instantaneamente.
  • Formate Arquivos de Tradução JSONValide e embeleze arquivos JSON de tradução i18n (en.json, de.json) usados em aplicativos React, Vue e Next.js.
  • Inspecione e Formate Cargas de WebhookCole cargas de webhook bruto do Stripe, GitHub ou Shopify e leia-as claramente formatadas.

Como funciona

O formatador funciona inteiramente no seu navegador usando o JSON.parse e JSON.stringify integrados do JavaScript — sem biblioteca, sem servidor. A análise, formatação, minificação, e a vista de árvore interativa acontecem tudo localmente enquanto escreve.

  1. 1
    Análise ao vivo na entrada
    JSON.parse funciona 200 ms após a sua última tecla. Se a análise falhar, uma função de localização de erro escrita à mão lê a mensagem SyntaxError do V8 ou Firefox, extrai o número de linha e coluna, e oferece um link de salto para o erro no textarea.
  2. 2
    Deteção de inteiros inseguros
    Antes de mostrar a saída, a ferramenta analisa a fonte bruta procurando literais inteiros de 16 ou mais dígitos (ignorando os que estão dentro de strings entre aspas), depois testa cada um com Number.isSafeInteger. Se algum for arredondado silenciosamente pelo armazenamento double IEEE-754, um aviso aparece antes de copiar ou baixar.
  3. 3
    Formatação, minificação, e ordenação de chaves
    JSON.stringify(value, null, indent) produz a saída formatada ou minificada. Quando ordenar chaves está ativado, uma função recursiva percorre cada objeto na árvore analisada e reconstrói-o com Object.keys(...).sort() antes da serialização — os arrays são deixados na sua ordem original.
  4. 4
    Vista de árvore interativa
    A vista de árvore é um achatamento recursivo escrito à mão que converte o objeto analisado numa lista plana de nós com profundidade, caminho, e estado de expandir/colapsar. A renderização é limitada a 5.000 nós visíveis para evitar que a aba congele em documentos de vários megabytes com grandes arrays expandidos.

Tudo funciona localmente no seu navegador — o seu JSON nunca é enviado a qualquer servidor.

Ferramentas relacionadas

🗜️

CSS Minificador e embelezador

Minimize CSS para reduzir o tamanho do arquivo ou embeleze CSS minificado para facilitar a leitura. Instantâneo, no seu navegador.

Experimentar
🎨

Embelezador de CSS

Formate CSS minificado com indentação consistente ou minifique-o. Ordenação alfabética opcional das propriedades para diffs previsíveis.

Experimentar
🌐

Embelezador e Minificador de HTML

Formate ou minifique HTML com indentação de aninhamento adequada. Preserva o conteúdo dentro de blocos <pre>, <script> e <style>.

Experimentar

Perguntas frequentes