Question

Is there a plugin, add-on, Greasemonkey script or something similar (at worst, an easy to use proxy?) that automatically unminifies the Javascript files included on a site?

I know about e.g. jsbeautifier.org but doing this externally doesn’t allow me to set breakpoints in the unminified code, for example.

Typical use cases for me:

• Analysing and learning from complex web frontends.
• Debugging Greasemonkey scripts which interact with the existing code.

I’m primarily interested in a solution that works with Firebug, but if there’s something for the dev tools of Chrome or Opera, I’d like to hear about it as well.

Answer 1

In chrome 13+, there is ‘pretty print’.

1. Right click ‘inspect element’
2. Go to Script tab
3. Click the curly braces in the bottom right.