tools quantum para edition developer chrome firefox firebug code-formatting

quantum - ¿Cómo embellecer Javascript y CSS en Firefox/Firebug?



firefox developer edition (3)

¿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 :).


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, por desgracia, 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 una extensión Firebug que hace esto, tendrá toda nuestra gratitud. ;-)


Firefox Developer Tools tiene:

  • Botón "Pretificar origen" : icono de llaves {} en la esquina inferior izquierda

  • Configuración "Pretificar automáticamente las fuentes reducidas" : activa Pretificar la fuente de forma predeterminada.

    Para habilitarlo: ve al ícono del motor en la parte superior derecha de la pestaña Depurador, no al motor de configuración global.

Probado en Firefox 42.


ahora hay un complemento que intercepta las descargas de JavaScript y lo desminifica 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.

https://addons.mozilla.org/en-US/firefox/addon/247565/