Formatador JavaScript

Formate JavaScript compacto em código-fonte legível em seu navegador.

Entrada
Saída
0 caracteres 0 linhas

Torne JavaScript legível sem reescrever a lógica

JavaScript O Beautifier expande JavaScript compacto ou confuso em blocos, instruções e expressões legíveis. Ajuda na inspeção de trechos minificados, na depuração de código copiado, na revisão de scripts gerados ou na preparação de exemplos.

Embelezar altera espaços em branco e quebras de linha; ele não desofusca variáveis ​​renomeadas, restaura comentários originais, infere tipos TypeScript ou garante que o código já quebrado se torne válido.

Como usar

  1. Cole seu código JavaScript no editor de entrada.
  2. Clique em Embelezar JavaScript para refluir instruções e blocos.
  3. Revise a saída para strings preservadas, comentários e sintaxe sensível ao tempo de execução.
  4. Use Copiar para a área de transferência, Baixar para um arquivo ou Limpar para redefinir.

O que é o embelezador JavaScript?

Formatador JavaScript é um utilitário baseado em navegador para reformatar JavaScript para que o fluxo de controle, funções, objetos, matrizes e chamadas encadeadas sejam mais fáceis de ler.

A formatação destina-se a preservar o comportamento, mas JavaScript tem casos extremos em torno da inserção automática de ponto e vírgula, diretivas, expressões regulares e literais de modelo. Teste o código importante após a reformatação.

Notas de entrada

Cole tags JavaScript simples, não HTML <script>, a menos que a ferramenta se destine a processá-las como texto. Para modelos JSX, TypeScript ou framework, confirme a saída com seu analisador normal.

Exemplo

Uma função compacta é refluída para um bloco mais legível:

--- Minified Input ---
function hello(name){console.log("Hello, "+name+"!");}

--- Beautified Output ---
function hello(name) {
  console.log("Hello, " + name + "!");
}

Integração MCP

MCP (Model Context Protocol) permite que agentes de IA e aplicativos descubram e executem utilitários do Coding.Tools para fluxos repetíveis de conversão, formatação, hash e geração.

Nome da ferramenta MCP: javascript-beautifier

Endpoint MCP: https://coding.tools/mcp

Chame tools/list primeiro. Cada ferramenta inclui inputSchema, outputSchema e examples para que um agente de IA ou cliente possa montar argumentos válidos sem adivinhar.

Em tools/call, leia result.content[0].text para o valor exibível e result.structuredContent para parsing por máquina. Falhas da ferramenta retornam isError: true; falhas de protocolo retornam um JSON-RPC error.

Exemplo de requisição tools/call:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"javascript-beautifier","arguments":{"input":"function total(items){return items.reduce((sum,item)=>sum+item.price,0);}"}}}'

A maioria das ferramentas de texto e dados aceita uma string input e options opcionais. Ferramentas de imagem que dependem das APIs de imagem do navegador são listadas para descoberta e retornam um link para a interface web quando precisam desses recursos.