Embellecedor de JavaScript

El Embellecedor de JavaScript reformatea JS minificado, comprimido o con mala indentación en código limpio y legible — indentación correcta, estilo de comillas consistente y saltos de línea claros — para que realmente puedas leerlo y depurarlo. Pega JS minificado, un archivo empaquetado, o código desordenado de cualquier fuente, y obtén una salida formateada al instante.

• •Indentación: 2 espacios, 4 espacios o tabulaciones
• •Estilo de comillas: normalizar a comillas simples, dobles, o preservar tal cual
• •Inserción de punto y coma: añade automáticamente los puntos y coma faltantes
• •Preservación de comentarios: mantener o eliminar comentarios durante el formateo
• •División de métodos encadenados: divide cadenas largas .filter().map().reduce() en líneas separadas
• •Validación básica de sintaxis: marca llaves, paréntesis y corchetes no coincidentes mientras escribes

• •Leer un paquete de producción minificado para depurar un error en las DevTools del navegador
• •Reformatear código copiado de un mensaje de chat, PDF o correo que perdió su indentación original
• •Estandarizar el estilo de comillas y la indentación antes de una revisión de código
• •Hacer que un script de terceros ofuscado o empaquetado sea lo suficientemente legible para entender qué hace
• •Limpiar código generado por otra herramienta antes de hacer commit

1. 1.Pega tu JavaScript en el editor de entrada, o sube un archivo .js
2. 2.Elige la indentación (2/4 espacios o tabulaciones) y el estilo de comillas
3. 3.Activa la preservación de comentarios, inserción de punto y coma, y división de métodos encadenados según necesites
4. 4.La salida formateada aparece automáticamente mientras escribes
5. 5.Copia la salida o descárgala como archivo .js

• •El código muy minificado con nombres de variables de una sola letra se vuelve legible en estructura, pero los nombres de variables en sí no se restauran — un embellecedor no puede recuperar el significado que la minificación descartó
• •Los literales de plantilla y expresiones regulares que contienen caracteres similares a llaves se manejan con cuidado, pero patrones de regex extremadamente inusuales pueden ocasionalmente descuadrar la indentación
• •El verificador de corchetes/llaves/paréntesis marca posibles problemas de sintaxis, pero es una heurística, no un analizador JavaScript completo — no puede detectar todo tipo de error de sintaxis

• •Esta es una herramienta de formateo, no un linter — no detectará errores de lógica, variables indefinidas, o problemas de estilo ESLint
• •Los archivos extremadamente grandes (paquetes de varios MB) pueden ser lentos de procesar en el navegador — considera un formateador integrado en una herramienta de compilación (Prettier) para formateo de código a gran escala
• •Para la aplicación del estilo de código de producción en todo un equipo, una herramienta dedicada como Prettier o ESLint integrada en tu editor/CI es más apropiada que el formateo ad hoc en el navegador

Si tienes JavaScript legible y necesitas reducirlo para producción — disminuyendo el tamaño del archivo y el tiempo de carga — usa en su lugar el Minificador de JavaScript. Elimina comentarios y espacios en blanco, y te muestra la reducción exacta de tamaño.