Formateador de JS/CSS
FreeReformatea JavaScript o CSS minificado o con sangría inconsistente en código legible y correctamente sangrado, con estilo de sangría ajustable y estadísticas de tamaño antes/después.
Funciona completamente en tu navegador. Tu código nunca se sube a ningún sitio.
Qué hace esta herramienta
Pega JavaScript o CSS minificado o con sangría desordenada, elige un estilo de sangría, y esta herramienta lo reformatea en código legible con sangría y saltos de línea consistentes.
Cómo funciona
La herramienta analiza tu código en tokens (palabras clave, corchetes, operadores, cadenas), luego reimprime esos tokens con nuevos saltos de línea y sangría según la profundidad de anidación, usando el motor de código abierto js-beautify para JavaScript y CSS respectivamente. Los tokens subyacentes y su orden nunca cambian, solo el espacio en blanco a su alrededor.
Problemas que resuelve
- Hacer que un archivo JS o CSS minificado de una sola línea vuelva a ser legible para depuración o revisión.
- Normalizar la sangría inconsistente (tabulaciones y espacios mezclados, anchos inconsistentes) en un archivo.
- Inspeccionar rápidamente código de terceros o proveedores que se distribuye minificado.
- Convertir entre sangría de 2 espacios, 4 espacios y tabulación para coincidir con la guía de estilo de un proyecto.
Preguntas frecuentes
›¿Esta herramienta también minifica el código?
No, esta herramienta solo formatea (embellece) el código añadiendo sangría y saltos de línea adecuados. Si necesitas reducir el tamaño del código eliminando espacios en blanco, usa en su lugar una herramienta de minificación dedicada.
›¿El formateo cambiará el comportamiento de mi código?
No. El formateo solo cambia los espacios en blanco, la sangría y los saltos de línea. Nunca cambia identificadores, lógica ni contenido de cadenas, por lo que el código formateado se comporta igual que el original.
›¿Por qué mi JavaScript se ve mal después de formatear?
Si la entrada tiene un error de sintaxis (un corchete sin cerrar, una coma suelta, JSON inválido usado como JS, etc.), el formateador puede interpretar mal la estructura. Revisa la consola del navegador o un linter de JavaScript para encontrar el problema exacto de sintaxis, corrígelo y vuelve a formatear.
›¿Puedo formatear SCSS o LESS con esto?
La sintaxis básica de SCSS y LESS (anidación, variables, comentarios) generalmente se formatea bien ya que sigue siendo similar a CSS, pero las características específicas del preprocesador, como mixins o funciones, no se entienden específicamente y pueden reformatearse de forma imperfecta.
›¿Por qué elegir tabulaciones frente a espacios para la sangría?
Es puramente una preferencia de estilo, ambas son funcionalmente idénticas en JavaScript y CSS. Elige la que coincida con la guía de estilo existente de tu proyecto o la configuración de tu editor.
Herramientas relacionadas
Texto
Generador de Retroacrónimos
Convierte cualquier acrónimo o palabra en un backrónimo en 6 tonos y 5 patrones de oración, con palabras personalizadas por letra y puntuación de memorabilidad/pronunciabilidad.
FreeTexto
Calculadora de Ancho de Banda
Convierte entre unidades de datos, estima el tiempo de transferencia de archivos, dimensiona el ancho de banda del sitio web a partir del tráfico, y convierte entre una asignación mensual de datos y una velocidad de conexión sostenida.
FreeTexto
Creador de Gráficos de Barras
Convierte datos simples de etiqueta,valor en un gráfico de barras personalizable con 8 temas de color, orientación, ordenamiento, soporte de valores negativos, estadísticas instantáneas, y exportación SVG/PNG.
FreeTexto
Codificador/Decodificador Base64
Codifica texto a base64 o decodifica base64 de vuelta a texto, en vivo mientras escribes, con soporte Unicode completo y una variante opcional segura para URL.
FreeTexto
Conversor de Base Numérica
Convierte un número entre binario, octal, decimal, hexadecimal, BCD, código Gray, y cualquier base personalizada de 2 a 36, todo a la vez desde una sola entrada.
FreeTexto
Generador y Verificador de Hash Bcrypt
Genera y verifica hashes de contraseña bcrypt completamente en tu navegador usando WebAssembly, con un factor de costo y sal ajustables.
FreeTexto
Conversor de Lectura Biónica
Convierte cualquier texto al formato de lectura biónica poniendo en negrita la primera parte de cada palabra para ayudarte a leer más rápido y concentrarte mejor.
FreeTexto
Generador de Hash Blake2b
Calcula el hash BLAKE2b de texto o un archivo en tu navegador, con longitud de salida ajustable y hashing con clave opcional (MAC).
Comentarios (0)
¿Te ha resultado útil esta herramienta? Deja un comentario, comparte un consejo o cuéntanos cómo podemos mejorarla.
Aún no hay comentarios. ¡Sé el primero en compartir tu opinión!