Formateador JavaScript

Formatee el JavaScript compacto en código fuente legible en su navegador.

Entrada
Salida
0 caracteres 0 líneas

Haga que JavaScript sea legible sin reescribir la lógica

Formateador JavaScript expande JavaScript compacto o desordenado en bloques, declaraciones y expresiones legibles. Ayuda a inspeccionar fragmentos minificados, depurar código copiado, revisar scripts generados o preparar ejemplos.

Embellecimiento cambia espacios en blanco y saltos de línea; no desofusca variables renombradas, no restaura comentarios originales, no infiere tipos de TypeScript ni garantiza que el código ya roto se vuelva válido.

Cómo usar

  1. Pegue su código JavaScript en el editor de entrada.
  2. Haga clic en Embellecer JavaScript para redistribuir declaraciones y bloques.
  3. Revise el resultado para ver cadenas conservadas, comentarios y sintaxis sensible al tiempo de ejecución.
  4. Utilice Copiar para el portapapeles, Descargar para un archivo o Limpiar para restablecer.

¿Qué es el embellecedor JavaScript?

Formateador JavaScript es una utilidad basada en navegador para reformatear JavaScript para que el flujo de control, las funciones, los objetos, las matrices y las llamadas encadenadas sean más fáciles de leer.

El formato está destinado a preservar el comportamiento, pero JavaScript tiene casos extremos relacionados con la inserción automática de punto y coma, directivas, expresiones regulares y literales de plantilla. Pruebe el código importante después de reformatearlo.

Notas de entrada

Pegue etiquetas simples JavaScript, no HTML <script>, a menos que la herramienta esté destinada a procesarlas como texto. Para plantillas JSX, TypeScript o framework, confirme el resultado con su analizador normal.

Ejemplo

Una función compacta se redirige a un bloque más legible:

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

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

Integración MCP

MCP (Model Context Protocol) permite que agentes de IA y aplicaciones descubran y ejecuten utilidades de Coding.Tools para flujos repetibles de conversión, formato, hash y generación.

Nombre de herramienta MCP: javascript-beautifier

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

Llame primero a tools/list. Cada herramienta incluye inputSchema, outputSchema y examples para que un agente de IA o cliente pueda construir argumentos válidos sin adivinar.

Para tools/call, lea result.content[0].text para el valor visible y result.structuredContent para el análisis automático. Los fallos de herramienta devuelven isError: true; los fallos de protocolo devuelven un JSON-RPC error.

Ejemplo de solicitud 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);}"}}}'

La mayoría de las herramientas de texto y datos aceptan una cadena input y options opcionales. Las herramientas de imagen que dependen de las API de imagen del navegador se listan para descubrimiento y devuelven un enlace a la interfaz web cuando necesitan capacidades del navegador.