36
¿Hay alguna forma de embellecer javascript y css en Firebug? Me gustaría poder ver js con formato en lugar de la versión comprimida :).¿Cómo embellecer Javascript y CSS en Firefox/Firebug?
A
Respuesta
12
CSS ya está embellecido en Firebug, como se ve claramente al comparar la pestaña CSS o el panel CSS con la fuente sin formato.
JavaScript, alas, no lo es. Lo mejor que puedes hacer, por ahora, es pegar el código en algo como http://jsbeautifier.org/.
Sin embargo, si escribe a Firebug extension que hace esto, tendrá toda nuestra gratitud. ;-)
19
ahora hay un complemento que intercepta las descargas de Javascript y lo desmiste en ese punto. Desafortunadamente, la forma en que se engancha con Firefox significa que se aplica a todas las descargas de JavaScript y simplemente no a las específicas, y los archivos javascript deben ser servidos con un tipo de mime apropiado.
+1
Además, no hay soporte por encima de Firefox 3.6. – skolima
+0
debería ser bueno hasta firefox 5.x ahora. También es posible que desee ver las nuevas versiones del navegador Chrome que tienen esta función incorporada. Debido a que usan el árbol de análisis, no romperán su código durante la ofuscación y tendrán muy poco impacto en el rendimiento. – benmmurphy
+0
Funciona con Firefox 7.0.1 –
4
Herramientas Firefox desarrollador tiene:
"Prettify Fuente" botón: se prepara
{}icono en la parte inferior izquierda"Auto Prettify minified Fuentes" Configuración: activa Prettify Source de forma predeterminada.
Para habilitarlo: vaya al ícono del motor en la parte superior derecha de la pestaña Depurador, no el motor de configuraciones globales.
probado en Firefox 42.
+1
Firebug 2.0.13 (FF43.0.1) también tiene un ícono '{}' en la pestaña del script, junto al nombre del script. – hinneLinks
Cuestiones relacionadas
- 1. Cómo formatear/ordenar/embellecer en JavaScript
- 2. ¿Cómo embellecer JSON en Python?
- 3. Embellecer NSLog de NSArray y NSDictionary
- 4. ¿Cómo combinar WMD y embellecer, como Stack Overflow?
- 5. ¿Cómo minimizar HTML con CSS y Javascript?
- 6. Javascript y CSS, usando guiones
- 7. HTML y CSS a PDF en JavaScript
- 8. ¿Cómo manejar archivos javascript y css en un sitio?
- 9. Cómo copiar CSS y JavaScript externos en XSLT
- 10. CSS y Javascript: Obtener una lista de atributos CSS personalizada
- 11. Cómo embellecer el código xml en la aplicación de rieles
- 12. Poner Javascript en CSS
- 13. minifying y Obsfucating CSS similar a Javascript
- 14. HTML iframes heredan css y JavaScript datos
- 15. ¿Puedo embellecer JSON dentro de un documento?
- 16. Cómo crear y aplicar CSS a javascript Alert
- 17. Cómo crear una ventana emergente modal utilizando JavaScript y CSS
- 18. cómo configurar y activar una transición css desde javascript
- 19. Almacenamiento en caché de archivos Javascript y CSS específicos
- 20. ¿Por qué Google usa JavaScript y CSS en línea?
- 21. ASP.net render HTML muy bien (Embellecer)
- 22. ¿Cómo puedo embellecer el código de Perl generado por Perl?
- 23. CSS y Javascript ruta relativa confusión en ASP.NET MVC
- 24. Css/images/javascript en codeigniter
- 25. zoom css/javascript
- 26. Hacer que DIV sea invisible en CSS y JavaScript
- 27. Django - Etiquetas de plantilla en archivos javascript y css
- 28. Problema al cargar archivos externos (CSS y JavaScript) en Safari
- 29. JavaScript y CSS no funcionan en mi portlet liferay
- 30. Poner CSS y JavaScript en archivos o HTML principal?
pregunta similar aquí: http://stackoverflow.com/questions/822119/online-tool-to-unminify-decompress-javascript – lashleigh
No para Firefox, pero ... Las herramientas de desarrollo de Chrome tienen esta función incorporada. En la pestaña del script, la barra inferior izquierda tiene un conjunto de iconos ... el ícono "{}" es "Pretty print" y realiza esta conversión. –
@JonAdams Gracias. Esa es exactamente la respuesta a la pregunta que iba a hacer. Aquí hay un voto positivo. –