Javascript Beautify

We often talk about the latest scheme for compressing and minimizing our JavaScript. The JavaScript Beautify script aims to do the opposite.

Often, you find a site that is doing something interesting and you want to learn how it works. You check out the source and it is cryptic gibberish. This is where the beautifier comes in to make it a touch more readable.

For example, it can take:

PLAIN TEXT

JAVASCRIPT:

2. /* paste in your own code and press Beautify button */var latest_changes=new Object({'2007-10-17':'Many, many fixes and improvements. Processing speed is also back.','... who cares ...','2007-02-08':'Initial release'});var a=b?(c%d):e[f];

and gives you:

PLAIN TEXT

JAVASCRIPT:

2. /* paste in your own code and press Beautify button */
3. var latest_changes = new Object({
4. '2007-10-17': 'Many, many fixes and improvements. Processing speed is also back.',
5. '... who cares ...',
6. '2007-02-08': 'Initial release'
7. });
8. var a = b ? (c % d) : e[f];

Source: Ajaxian.