Search code examples
firefoxfirebugcode-formatting

How can I beautify JavaScript and CSS in Firefox / Firebug?

Is there a way to beautify JavaScript and CSS in Firebug?

I'd like to be able to view formatted JavaScript code instead of the compressed version :).

Solution

  • CSS is already beautified in Firebug, as clearly seen by comparing the CSS tab or CSS pane with the raw source.

    JavaScript, alas, is not. The best you can do, for now, is to paste the code into something like http://jsbeautifier.org/ .

    However, if you write a Firebug extension that does this, you will have all of our gratitude. ;-)