Sobre esta herramienta
El código llega minificado desde un bundle, o desordenado de un pegado rápido, y lo necesitas al revés. Este formateador hace ambas cosas: embellecer para expandir e indentar HTML, CSS o JavaScript hasta hacerlo legible, o minificar para reducirlo de cara al despliegue. La minificación de JavaScript la hace Terser y la de CSS, CSSO — las mismas herramientas probadas que se usan en pipelines de build reales.
Todo se ejecuta localmente en tu navegador, así que incluso el código propietario se queda en tu máquina. Elige el lenguaje, elige embellecer o minificar y copia el resultado.
Preguntas frecuentes
¿Cuál es la diferencia entre embellecer (beautify) y minificar?
Embellecer añade sangría y saltos de línea para que el código sea fácil de leer; minificar elimina espacios en blanco, comentarios y acorta nombres para que el archivo sea lo más pequeño posible en producción. Usa embellecer mientras desarrollas y minifica antes de publicar.
¿Minificar cambia el comportamiento de mi código?
No debería: los minificadores solo reescriben sintaxis que es comprobablemente equivalente (renombrar variables locales, eliminar código muerto, etc.). Si el resultado minificado se comporta de forma distinta, suele indicar código que dependía de peculiaridades sensibles a los espacios, o un error real que el analizador del minificador detectó.
¿Se sube mi código a algún sitio?
No. Tanto el formateo como la minificación se ejecutan por completo en tu navegador usando bibliotecas JavaScript (js-beautify, Terser, csso) que se cargan una vez y se ejecutan localmente. Tu código nunca sale de la página.
¿Qué lenguajes admite este formateador?
JavaScript, CSS y HTML. La minificación de JS usa Terser, la de CSS usa csso, y la minificación de HTML es un proceso ligero propio que conserva el contenido de las etiquetas <pre>, <script> y <style>.
¿Por qué obtuve un error de sintaxis en vez del resultado formateado?
El formateador analiza tu código antes de embellecerlo o minificarlo, así que un error de sintaxis real (una llave sin cerrar, una coma suelta) se reporta con el número de línea en lugar de generar en silencio una salida rota.