Formateador JavaScript
Formatea o minifica código JavaScript
Acerca de Formateador JavaScript
«Formateador JavaScript» hace dos trabajos opuestos con el mismo código. «Formatear» usa js-beautify: sangría de 2 espacios, una instrucción por línea, espacios alrededor de los operadores, como máximo una línea en blanco seguida, y las cadenas, las plantillas literales, las expresiones regulares y los comentarios se dejan tal como están escritos. «Minificar» usa Terser, el mismo motor que «Minificador JS»: analiza el código, acorta los nombres locales y elimina el código muerto y los comentarios. «Formatear» nunca se queja del código no válido; «Minificar» se detiene y muestra el mensaje de Terser, sin número de línea. js-beautify y Terser trabajan los dos con tu código dentro de la pestaña del navegador.
Ejemplo
«Formatear»: una función escrita en una sola línea, organizada con sangría de 2 espacios.
Entrada
function f(a,b){if(a){return b}else{return 0}}var x=f(1,2);Salida
function f(a, b) {
if (a) {
return b
} else {
return 0
}
}
var x = f(1, 2);Cómo formatear o minificar JavaScript
- 1Pega JavaScript en «Entrada».
- 2Haz clic en «Formatear» para hacerlo legible, o en «Minificar» para hacerlo pequeño.
- 3Lee «Salida»; después de «Minificar», un error aparece ahí como «Error:» seguido del mensaje de Terser.
- 4Haz clic en «Copiar», o en «Descargar» para guardar «formatted.js» (el nombre no cambia después de «Minificar»).
Formatos y límites
- Entrada
- JavaScript, scripts o módulos, como texto
- Formatear
- js-beautify: sangría de 2 espacios, espacios alrededor de los operadores, como máximo una línea en blanco seguida
- Minificar
- Terser: compresión y acortamiento de nombres, sin comentarios
- Errores
- «Formatear» no indica ninguno; «Minificar» muestra el mensaje de Terser sin línea ni columna
Dónde se procesa tu código
El formateador y el minificador son bibliotecas de JavaScript que se cargan en esta página la primera vez que se usan; leen tu código dentro del navegador, y tu código no se sube. Cuando aparece un error de «Minificar», su mensaje se envía a nuestro registro de errores, sin los pasajes entre comillas, los números largos ni las direcciones, junto con el nombre de la herramienta y el nombre y la versión de tu navegador.
Preguntas frecuentes
¿Formatear cambia lo que hace mi código?
No. «Formatear» solo cambia los espacios en blanco: la sangría, los saltos de línea y los espacios alrededor de los operadores y las palabras clave. Las cadenas, las plantillas literales, las expresiones regulares y los comentarios se conservan exactamente tal como están escritos.
¿Es seguro usar el código minificado?
Sí, cuando Terser lo acepta: primero analiza el código, así que la inserción automática de punto y coma y expresiones como a - -b conservan su significado. Los nombres globales se mantienen; solo se acortan los nombres locales de una función.
¿El error de «Minificar» da un número de línea?
No. La página solo muestra el mensaje de Terser, como Name expected, y no la posición que Terser guarda aparte. Para localizar el error, pega el código en «Formateador de código», que indica los errores de sintaxis con línea y columna.
Consejos y trucos
- ✓Formatea el código minificado de un sitio web para leerlo; conserva tu propio código fuente legible y minifica una copia para publicarla.