How to save and download JSFiddle code

JSFiddle Logo

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/” orembedded/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! Shattered Planet Logo

Available on iOS now!

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

Enjoy!

Sirus
sirusdark.ca

Advertisements

Write a comment, you will. Yes, yes!

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: