0

En diversas ocasiones me veo en la necesidad de modificar archivos CSS que están escritos en una misma línea.

Uso el Notepad++ para estas modificaciones pero el problema es que incluso con el ajuste de línea, es muy complicado leerlo, localizar el alcance de una regla y por supuesto realizar las modificaciones oportunas.

Quisiera saber si con el propio Notepad++ o con cualquier otro soft se puede ver el CSS estructurado en su cascada original.

Muchas gracias de antemano.

1

2 respuestas 2

1

Antes de copiarlo al notepadd pulsa el boton "{}" del inspector (abajo del codigo css a la izquierda) cuando veas el código minificado y lo formateara, es la forma mas rapida y sin urls...

Ademas, tanto notepad++ como la mayoria de editores serios permiten instalar plugins para hacerlo

1
  • Si con el inspector se puede hacer, para echar un vistazo me vendrá genial, pero creo que lo que buscaré como mejor solución es un plugin para notepad++ que haga esto, así me será más cómodo. Muchas gracias por tu aporte. Commented el 24 ago. 2018 a las 14:25
1

Los archivos tanto js y css que encuentres escritos en una sola línea, es porque estan minificados, lo que debes hacer para poder editarlos, es usar alguna herramienta en línea que te permita desminificar el archivo, por ejemplo podrías usar esta: https://unminify.com/

Ahí copias tu línea de código y te devolverá desminificado, luego para volverla a guardar en tu proyecto, puedes usar otra herramienta en línea para minificar el códgio como esta: https://www.minifier.org/

Minify es una técnica que se usa para hacer más liviana nuestra página web, te recomiendo leer un poco más acerca de esto. http://www.4rsoluciones.com/blog/minificar-codigo-una-tecnica-sencilla-para-hacer-mas-liviano-nuestro-sitio-web/

Saludos.

1
  • Muchas gracias por el aporte. He probado algunas páginas pero no lo había conseguido, probaré la que me indicas. Commented el 24 ago. 2018 a las 14:24

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.