Herramientas de desarrollo

Formateador de JavaScript

Da formato a fragmentos de código JavaScript mediante embellecimiento con sangría personalizada o reducción de tamaño en línea.

Ejecutar herramienta

Este formateador procesa código JavaScript para mejorar su estructura visual o reducir su tamaño eliminando caracteres prescindibles. Admite dos modalidades principales de trabajo: embellecer el código y minificarlo. Al embellecer, la herramienta organiza el flujo del programa ajustando la sangría de cada bloque con un intervalo configurable de entre cero y ocho espacios, aplicando dos espacios de forma predeterminada cuando el valor no es válido. Mantiene hasta dos saltos de línea consecutivos del texto original y evita insertar espacios innecesarios dentro de los paréntesis. En la modalidad de reducción o minificación, retira comentarios de una línea y de bloque que estén fuera de cadenas de texto, compacta los espacios en blanco permitidos y conserva intactas las cadenas entre comillas junto con sus caracteres de escape. La herramienta admite fragmentos de hasta un millón de bytes en codificación UTF-8. Si el campo de entrada queda vacío, la salida se muestra igualmente vacía sin aplicar transformaciones.

Instrucciones

  1. Pega o escribe el código JavaScript en el área de texto inicial.
  2. Indica el número de espacios de sangría deseado, eligiendo un número entero entre 0 y 8.
  3. Selecciona la modalidad de formateo: embellecer para estructurar en varias líneas o minificar para compactar.
  4. Pulsa el botón de ejecución para procesar el texto y obtener el resultado en pantalla.

Ejemplos

  • Embellecer una función: al introducir 'function sumar(a,b){return a+b;}' con 2 espacios en modo de embellecimiento, se obtiene la estructura en varias líneas con sangría.
  • Minificar un bloque: al introducir '/* suma */ let x = 10; // asignación' en modo de minificación, el resultado devuelve únicamente la asignación compactada sin comentarios.

Preguntas frecuentes

¿Qué ocurre si no se especifica el número de espacios de sangría?

El sistema aplica de manera predeterminada un valor de 2 espacios por cada nivel de anidamiento.

¿Cómo gestiona los comentarios la modalidad de minificación?

Suprime los comentarios de una línea y los de bloque que queden fuera de literales de cadena de texto.

¿Existe un tamaño máximo para el código introducido?

Sí, el texto no debe superar un millón de bytes en codificación UTF-8 para poder procesarse.

Insertar esta herramienta

Añade esta herramienta funcional de SmartPlusLab a tu sitio web con el siguiente código.