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 :).
40
votes
Similar question here: stackoverflow.com/questions/822119/…
- lashleigh
Not for Firefox, but... Chrome developer tools has this feature built-in. On the script tab, bottom left bar has a set of icons... the "{}" icon is "Pretty print" and does this conversion.
- Jon Adams
@JonAdams Thank you. That is exactly the answer to the question I was going to ask. Here is an upvote.
- Alexandre Martins
Possible duplicate of Is there a plugin that allows me to automatically unminify the Javascript included on a site?
- ivan_pozdeev
3 Answers
19
votes
There is now a plugin that intercepts JavaScript downloads and deminifies it at that point.
Unfortunately, the way it hooks into Firefox means that it applies to all JavaScript downloads and just not specific ones and the JavaScript files have to be served with an appropriate MIME type.
13
votes
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. ;-)
