Is there a download function in jsFiddle?

Step 1:
Go to a fiddle page like jsfiddle.net/oskar/v5893p61

Step 2:
Add '/show' at the end of the URL, like jsfiddle.net/oskar/v5893p61/show

Step 3:
Right click on the page and click on the View frame source. You will get the HTML code including CSS in tag and Javascript (js) in tag. [Also source link of all library will be added]. See screenshot

Step 4:
Now you can save the source code in a .html file.


Ok I found out:

You have to put /show a after the URL you're working on:
http://jsfiddle.net/<your_fiddle_id>/show/
It is the site that shows the results.

And then when you save it as a file. It is all in one HTML-file.

For example:
http://jsfiddle.net/Ua8Cv/show/
for the site http://jsfiddle.net/Ua8Cv


New answer to an old question:

Method 1:

Step 1: You have to put /show after the URL you are working on:

http://jsfiddle.net/<fiddle_id>/show/ 

It shows the output with a result header.

Step 2: Right click the bottom frame and select View Frame Source. That's it. You got the html code with online JS links, CSS.

Just Save it.

For Example: http://jsfiddle.net/YRafQ/20/show/ for the site http://jsfiddle.net/YRafQ/20/

Note: View Frame Source and not View Page Source

Method 2:

You can use this code: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

For Example: For my fiddle_id: YRafQ/20

view-source:http://fiddle.jshell.net/YRafQ/20/show/light/

Adding /show does not present a pure source code, it's an embedded working example. To display it without any additional scripts, css and html, use:

http://fiddle.jshell.net/<fiddle id>/show/light/

An example: http://fiddle.jshell.net/Ua8Cv/show/light/

Tags:

Jsfiddle