Saltar al contenido
Toolars
Explorar
Informar de un error

Desarrollo · utilidad Local

Formateador JavaScript

JavaScript Formatter

Analiza y reindenta JavaScript con sangría de 2 o 4 espacios sin ejecutarlo, por completo en el navegador; los errores señalan línea y columna.

Ruta de la tarea / de la entrada al resultado

Pega tu JavaScript

Funciona en local · No se sube nada

Cómo funciona Formateador JavaScript, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo formatear JavaScript

  1. 01

    Pega tu JavaScript

    Pega código de hasta 256 KiB UTF-8. Elige dos o cuatro espacios al formatear.

  2. 02

    Elige la sangría

    Elige 2 o 4 espacios. El ejemplo ya está cargado; el ajuste se aplica al pulsar Formatear.

  3. 03

    Formatea sin ejecutar

    Pulsa Formatear. Prettier analiza y vuelve a imprimir JavaScript con la sangría elegida y un ancho de 100 columnas sin ejecutarlo; pasa tus pruebas.

  4. 04

    Revisa el resultado y las estadísticas

    Compara los bytes UTF-8 de entrada y salida y el porcentaje ahorrado. Un ahorro negativo significa que el resultado creció; revísalo antes de copiarlo o descargarlo.

  5. 05

    Copia o descarga el resultado

    Copiar resultado envía el código formateado al portapapeles; Descargar lo guarda como toolars.js. Restablecer vacía la entrada, la salida y las opciones cuando estés listo para el siguiente fragmento.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Formateador JavaScript usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Cuándo es útil Formateador JavaScript

Revisiones de código

Haz que el código fuente sea más fácil de inspeccionar antes de compartirlo con otro desarrollador.

Artefactos de compilación

Crea HTML, CSS o JavaScript compacto sin ejecutar el código fuente.

Fragmentos listos para copiar

Formatea un ejemplo concreto y muévelo directamente a la documentación o a un editor.

Qué hace Formateador JavaScript en realidad

Un fragmento de la traza de producción hay que leerlo antes de escribir un hotfix, y llega como una sola línea larga. Un bookmarklet encontrado en un foro conviene inspeccionarlo antes de que se gane tu confianza, y la ingeniosa línea única de un compañero debe convertirse en código que el equipo pueda mantener. El Formateador JavaScript analiza y vuelve a sangrar el código sin ejecutarlo, por completo en el dispositivo y con el ancho de sangría que tu proyecto ya usa. Así es exactamente como se debe tratar el código que aún no es de confianza: leer primero, ejecutar nunca — salvo que más tarde lo decidas.

Preguntas frecuentes

¿Cuál es el límite de tamaño?
La entrada está limitada a 256 KiB y la salida a 512 KiB. El Worker local tiene cinco segundos para iniciarse y otros cinco para ejecutarse; editar el código o pulsar Cancelar lo detiene.
¿Formatear ejecuta mi código?
No. El formateador analiza JavaScript y uniformiza la sangría sin evaluar expresiones ni llamar funciones. El archivo aún necesita las pruebas del proyecto.
¿Por qué el formateador rechaza mi fragmento?
El analizador espera JavaScript sintácticamente válido. Un pegado truncado, un corchete desequilibrado o un carácter de más detienen la ejecución, y el error indica la línea y la columna; corrige la sintaxis y ejecútalo de nuevo. Una entrada no válida no produce ninguna salida parcial.
¿Puedo elegir tabulaciones u otro ancho de sangría?
No. Tamaño de la sangría se limita a 2 espacios o 4 espacios, los dos anchos en los que se estandariza la mayoría de los proyectos JavaScript. Para cualquier otro, formatea aquí y deja que las herramientas del propio proyecto, como su configuración de editor, apliquen la convención final.
¿Qué me dice la fila de estadísticas?
Esta fila muestra los bytes UTF-8 antes y después de la transformación y la diferencia. El formato puede aumentar el tamaño; esas cifras no prueban validez ni equivalencia visual.
¿Se sube mi código a algún sitio?
No. El código se analiza en un Worker local sin ejecutarlo, subirlo ni guardarlo. Que el analizador lo acepte no garantiza corrección ni compatibilidad.

Continuar en Desarrollo

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Código a imagen

Code to Image Converter

Convierte código en una tarjeta PNG o SVG con resaltado Shiki para seis lenguajes, temas claro y oscuro, números de línea, título y escala 1x o 2x.

Crear

Generador de slugs URL

URL Slug Generator

Convierte títulos en slugs limpios en vivo: sin acentos, & convertido en and, guiones o guiones bajos como separador y escrituras no latinas intactas.

Crear

Sombras para React Native

React Native Shadow Generator

Ajusta sombras de iOS, elevation de Android o la nueva propiedad boxShadow contra una vista previa en vivo, y copia el fragmento StyleSheet.

Crear

Codificador/decodificador Base64

Base64 Encoder/Decoder

Codifica texto Unicode a Base64 y decodifícalo con validación en vivo, opciones UTF-8 y URL-safe, e intercambio para la ida y vuelta. En local.

Convertir