How to save and download JSFiddle code

JSFiddle is AWESOME to test any code or when you simply need to iterate quickly some code. But there’s no way to simply save everything all together at once. Here’s a hack to do just that!

Simply add “embedded/” or “embedded/result/” at the end of your JSFiddle URL! You can then save the whole page as an MHT or HTML file + the external libraries (if any)!

Hack it, grab it

1. Add embedded/result/ at the end of the JSFiddle URL you wanna grab.

2. Show the frame or the frame’s source code: right-click anywhere in the page and view the frame in a new tab or the source  right-away (requires Firefox).

3. Finally, save the page in your preferred format (MHT, HTML, TXT, etc.) and voilà!

4. Don’t forget to save any external libraries that you may have called.

“embedded/” or “embedded/result/” ?

Here’s an example of a JSFiddle code I created: http://jsfiddle.net/R3C6p/

As you  can see, you can’t view it as a single HTML page. Now, check it out with the modified URL: http://jsfiddle.net/R3C6p/embedded/ and http://jsfiddle.net/R3C6p/embedded/result/. Notice that the embedded version allows you to switch each sections, while the result version only shows your code’s result. That’s the one you’ll need to open the frame to grab the source code (Ctrl+U).

That’s it!

FREE BONUS!

Available on iOS now!

I’ve personally playtested that game: it’s fun!

Enjoy!

Sirus
sirusdark.ca

Advertisement