Flip the Script!

View https://github.com/Genius/flip-the-script

How frustrating can it be to try and debug minified code? How much harder is it to try and debug someone else’s minified code that you have absolutely no control over? Flip the Script is a Chrome extension that does something amazing by adding a new tab to the Web Inspector:

Screen Shot 2015-06-02 at 3.52.03 PM

The extension lists all of the JavaScript and CSS on page, allowing you to double click a file to see the source. Using the Cleanup JavaScript button you can de-minify it on the fly. Once it’s cleaned up, you can edit it:

2015-06-02 at 3.54 PM

Clicking Save & Refresh will reload the page all while keeping your changes in tact, no matter where the script or style originated from and how it was formatted to begin with. Awesome. For the backstory check out this video:

https://www.youtube.com/watch?v=SuFNR7-XjKI