Formateador de JavaScript - Embellece JS en línea

Embellece JavaScript en tu navegador

Este formateador de JavaScript convierte JS minificado, ofuscado o con un estilo inconsistente en código limpio y correctamente indentado que de verdad puedes leer. Pega un fragmento a la izquierda y el resultado embellecido aparece a la derecha en cuanto dejas de escribir: sin botones que pulsar y sin enviar nada a un servidor.

Construido sobre Prettier con el analizador Babel, el mismo formateador con criterio propio que se usa en millones de proyectos, así que la salida coincide con el estilo que los equipos ya usan con confianza en sus editores.

Cuándo usarlo

Desminificar un bundle

Expande un script de una sola línea o minificado a código legible y separado en líneas para que puedas inspeccionarlo y depurarlo.

Estandarizar el estilo

Aplica comillas, punto y coma y comas finales consistentes en fragmentos copiados de distintas fuentes.

Revisar código pegado

Haz legibles las muestras de tutoriales, las respuestas de Stack Overflow o los fragmentos generados por IA antes de estudiarlos o confirmarlos.

Cómo formatear código JavaScript

Agrega tu código

Escribe o pega JavaScript en el panel de Entrada. También puedes Subir un archivo .js (se lee localmente, nunca se envía a ningún lado) o hacer clic en Ejemplo para cargar una muestra.

Míralo formatearse

La salida embellecida y resaltada aparece automáticamente tras una breve pausa al escribir. Pulsa Ctrl + Shift + F para reformatear cuando quieras.

Ajusta las opciones

Elige una sangría (2, 3, 4, 8 espacios o Tab), define el ancho de línea y alterna el punto y coma, las comillas y las comas finales. La salida se vuelve a formatear de inmediato.

Copia o descarga

Haz clic en Copiar para enviar el resultado al portapapeles o en Descargar para guardar un archivo .js. Usa el interruptor Editar para retocar antes la salida a mano.

Privado por diseño. El formateo se ejecuta por completo en tu navegador mediante Prettier: no se sube nada, así que es seguro para código propietario o sin publicar.

Opciones y funciones de formateo

Controles de estilo de JavaScript

Prettier tiene criterio propio por diseño, pero estos controles te permiten adaptarte a la guía de estilo de tu proyecto. Cada cambio vuelve a formatear la salida al instante.

Opción	Valores	Qué controla
Sangría	2 · 3 · 4 · 8 espacios · Tab	Ancho de la sangría y carácter usado por nivel de anidamiento (predeterminado 4 espacios).
Ancho de línea	80 · 100 · 120	Longitud de línea que Prettier busca antes de ajustar las sentencias largas (predeterminado 80).
Punto y coma	Sí · No	Si las sentencias terminan con punto y coma (predeterminado Sí).
Comillas	Dobles · Simples	Estilo de comillas usado para las cadenas de texto (predeterminado Dobles).
Coma final	Todas · ES5 · Ninguna	Comas después del último elemento en arreglos, objetos y listas de parámetros multilínea (predeterminado Todas).

Herramientas integradas

Formateo automático al escribir

La salida se actualiza poco después de que dejas de escribir, con resaltado de sintaxis de Prism y números de línea en ambos paneles.

Subir y descargar

Carga un archivo .js local o exporta el resultado formateado como formatted.js con un clic.

Salida editable

Cambia el panel de resultado a un modo de edición de CodeMirror para hacer retoques manuales antes de copiar o descargar.

Detección de errores de sintaxis

Si tu código no se puede analizar, el formateador muestra un mensaje de error claro en lugar de producir una salida rota, así sabes exactamente qué corregir. Una barra de estado informa Listo, Formateado o Error junto con el recuento de líneas y el tamaño del archivo.

¿Nuevo por aquí? Haz clic en Ejemplo para cargar un fragmento deliberadamente desordenado y verlo embellecerse al instante.

Preguntas frecuentes

¿Se sube mi código JavaScript a un servidor?

No. Todo el formateo ocurre localmente en tu navegador. Los archivos subidos se leen con el FileReader del navegador y nunca salen de tu dispositivo, lo que hace que la herramienta sea segura para código propietario y confidencial.

¿Cuál es la diferencia entre formatear y minificar?

Formatear (embellecer) agrega sangría, saltos de línea y un espaciado consistente para hacer el código legible. Minificar hace lo contrario: elimina los espacios en blanco para reducir el tamaño del archivo. Esta herramienta embellece; usa un minificador cuando quieras comprimir el código para producción.

¿Admite la sintaxis moderna ES6+ y JSX?

Sí. El analizador Babel maneja el JavaScript moderno (funciones flecha, async/await, desestructuración, plantillas literales, encadenamiento opcional y JSX), así que el código actual se formatea correctamente.

¿Puedo personalizar la sangría y el estilo?

Sí. Elige 2, 3, 4 u 8 espacios (o Tab) para la sangría y define el ancho de línea; luego alterna el punto y coma, el estilo de comillas y las comas finales desde la barra de herramientas. La salida se vuelve a formatear en cuanto cambias cualquier opción.

¿El formateo cambia el funcionamiento de mi código?

No. Prettier solo reescribe los espacios en blanco y el estilo cosmético: sangría, comillas, punto y coma y saltos de línea. El comportamiento de tu JavaScript permanece exactamente igual.

¿Qué pasa si mi código tiene un error de sintaxis?

Prettier no puede formatear el código que no puede analizar, así que la herramienta muestra un mensaje de error que describe el problema en lugar de adivinar. Corrige el problema indicado y la salida formateada aparece en cuanto el código es válido.

¿Hay un límite de tamaño para el código que puedo formatear?

No hay un límite fijo. Como el formateo se ejecuta en tu navegador, la velocidad depende de tu dispositivo: los archivos grandes se siguen formateando en momentos en una máquina moderna, y la barra de estado muestra el recuento de líneas y el tamaño del archivo.