Descomprimir y corregir código CSS y JavaScript

Con la herramienta que compartimos en esta página es posible restaurar los archivos de estilo CSS y scripts, que han sido comprimidos usando cualquier servicio, como el Compresor CSS de nuestro sitio o cualquier otro disponible online.
Además de eso el código resultante es completamente limpio, usando la sintaxis y estructura correcta para cada formato.
Es de mucha utilidad para hacer legibles, comprender el código y editar cualquiera de estos archivos minimizados.
También para re-estructurar y ordenar correctamente el código en cualquiera de estos formatos, incluyendo los que están en formato JSON.

Descomprimir CSS y JavaScript

Introduce o pega el contenido del código a descomprimir en el siguiente cuadro de texto y presiona el botón correspondiente.
En el cuadro inferior se puede comprobar el resultado, correctamente formateado.

Resultado

Restaurar scripts y CSS minimizados

Los archivos de estilo CSS y el código JavaScript, generalmente se comprimen y minimizan para usarlos y distribuirlos en internet.
En nuestro sitio compartimos dos herramientas para estos propósitos: Comprimir código CSS y Comprimir código JavaScript.
Al optimizarlos para la web se reduce el tamaño de los archivos y se agiliza la carga de las páginas que los usan.
Al compactarlos se eliminan espacios entre caracteres, lo que hace difícil su posterior edición.
Para poder hacer cambios en el código cuando sea necesario, debemos descomprimirlos y restaurarlos a su formato predeterminado.
Esa tarea los realizan los scripts que usa la herramienta que compartimos en esta página.
Su principal virtud es la de revisar y corregir el código, devolviendo el resultado con la sintaxis correcta en cada caso.
Además se pueden emplear para poder hacer legibles los archivos en formato JSON (formato para el intercambio de datos).

Revisar y corregir el formato del CSS y JavaScript

La herramienta también se puede emplear para revisar y corregir cualquier código en estos formatos, aunque no estén comprimidos.
Por ejemplo al introducir la siguiente regla en CSS:

.clasex{
font-size : 24px;
color:#0d47a1;  }

Obtendremos como resultado:

.clasex {
    font-size: 24px;
    color: #0d47a1;
}

Se puede comprobar su correcto indentado y el ordenado lógico de los bloques de código, para hacerlo más legible.
Un resultado similar se obtiene con el código en JavaScript.

Descomprimir y corregir código HTML

En otra página de este sitio compartimos una herramienta similar, que permite descomprimir el código HTML comprimido previamente, usando cualquier sistema y hacerlo legible.
Comprimir y descomprimir código HTML

Créditos
Esta herramienta utiliza los scripts de JS Beautifier, un proyecto de Einar Lielmanis, Liam Newman y otros contribuidores, cuyo código fuente está disponible en Github.
Una herramienta similar, pero con todas las opciones que admite las librerías se puede probar en: http://jsbeautifier.org/

Páginas relacionadas

✓ Comprimir y minimizar código CSS
✓ Comprimir y minimizar código JavaScript
✓ Comprimir y descomprimir código HTML
✓ Como minimizar y optimizar el CSS para la web
✓ Como usar las hojas de estilo CSS en las páginas web
✓ Tutorial y manual básico del uso de los estilos CSS
✓ Como corregir errores CSS en los navegadores web

Sobre el autor

Norfi Carrodeguas es el fundador y webmaster del sitio web Norfipc creado en el año 2010. Norfi es un ingeniero informático y desarrollador web cubano. También es escritor y poeta. Posee más de 14 años de experiencia en la creación y publicación de contenido en internet. Más información sobre el autor.

Comparta esta página

Facebook

Twitter