有没有在jsFiddle的下载function？
在jsFiddle中是否有下载function，所以你可以在一个文件中下载一个带有CSS，HTML和JS的HTML，所以你可以在没有jsFiddle的情况下运行它来进行debugging？
好吧，我发现：
您必须在正在处理的url后面放置/show一个：
http://jsfiddle.net/<your_fiddle_id>/show/
这是显示结果的网站。
然后当你把它保存为一个文件。 全部在一个HTML文件中。
例如：
http://jsfiddle.net/Ua8Cv/show/
为网站http://jsfiddle.net/Ua8Cv
一个老问题的新答案：
方法1：
步骤1 ：您必须在正在处理的URL后面放置/show ：
http://jsfiddle.net/<fiddle_id>/show/
它显示带有结果标题的输出。
步骤2 ：右键单击底部框架并select查看框架源 。 而已。 你有在线JS链接，CSS的HTML代码。
只需保存它。
例如： http : //jsfiddle.net/YRafQ/20/show/网站http://jsfiddle.net/YRafQ/20/
注意： 查看框架源而不是查看页面源
方法2：
你可以使用下面的代码： view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/
例如：对于我的fiddle_id： YRafQ/20
view-source:http://fiddle.jshell.net/YRafQ/20/show/light/
添加/显示不提供纯粹的源代码，这是一个embedded式的工作示例。 要显示它没有任何额外的脚本，CSS和HTML，使用：
http://fiddle.jshell.net/<fiddle id>/show/light/
一个例子： http : //fiddle.jshell.net/Ua8Cv/show/light/
不，JSFiddle没有下载function。 然而，解决这个问题并不难，不pipe怎么样都要保存一个小提琴的内容。
从接受的答案发布的时间以来，JSFiddle已经做出了一些最近的UI和后端更改，这些更改会影响小提琴的下载方式。 请注意下面的更新程序。
简单的命令行方法
此方法只将小提琴的HTML，JavaScript和CSS作为单个文件下载。 小提琴的外部资源不会被保存。
在下面的命令行中， fiddle_id指的是小提琴的ID号。 对于带有“ http://jsfiddle.net/<fiddle_user>/<fiddle_id> ”或“ http://jsfiddle.net/<fiddle_id> ”的fiddle_id ，只需要fiddle_id 。 fiddle_user是不重要的。
在shell提示下，input单个命令行：
fiddleId=fiddle_id; curl "http://fiddle.jshell.net/${fiddleId}/show/" -H "Referer: http://fiddle.jshell.net/${fiddleId}/" --output "${fiddleId}.html"
小提琴将被保存到一个名为“ fiddle_id.html ”的文件。
更长的浏览器方法
这种方法下载小提琴以及其外部资源。 给出的步骤是基于使用谷歌浏览器。 使用其他networking浏览器也可以，但是可能会使用不同的文件名。
- selectJSFiddle编辑页面顶部的“
Share/Embed”菜单/链接。 在出现的对话框中，复制“Share full screen result”字段中显示的URL。 它的forms是“http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/”或“http://jsfiddle.net/<fiddle_id>/embedded/result/”。 - 打开一个新的浏览器窗口并粘贴上一步复制的URL。 加载该页面。
- 使用浏览器的保存function将页面及其所有资源保存到本地计算机。 例如，要保存所有使用Google Chrome的资源，请务必在“
Format”菜单中select“Webpage, Complete”。 一定要为页面指定一个名称。 比方说这个例子，它被命名为“fiddle.html”。 - 页面保存到您的计算机后，您将有“
fiddle.html”文件和一个名为“fiddle_files”的目录。 文件“fiddle.html”是JSFiddle用来显示带有“结果”标题和其他链接的标头的包装页面。 它会加载你的小提琴在iframe元素。 大多数情况下，这个文件可以被忽略甚至删除。 您的小提琴的HTML，JavaScript和CSS内容将全部作为名为“saved_resource.html”的单个文件保存在“fiddle_files”目录中。 - 将“
fiddle_files/saved_resource.html”复制到任何你想使用它的地方。 如果您的小提琴包含“External Resources”下的项目，这些也将出现在“fiddle_files”目录中。 请务必将这些文件复制到您复制到“saved_resource.html”的相同位置，因为HTML文件将使用相对URL来引用这些资源。
如前所述，其他浏览器在保存时可能会以不同的方式命名这些文件。 例如，Firefox将组合的HTML / JS / CSS文件命名为“ fiddle_files/a.html ”。
仍然没有下载function支持..但是..你可以使用jsfiddle-downloader节点脚本。
安装 ：
npm install jsfiddle-downloader -g
从它的id下载一个小提琴 ：
jsfiddle-downloader -i <fiddle-id> [-o <output file>]
从它的url下载一个小提琴 ：
jsfiddle-downloader -l <url> [-o <output file>] jsfiddle-downloader -l jsfiddle.net/<user>/<fiddle-id> jsfiddle-downloader -l https://jsfiddle.net/<fiddle-id> jsfiddle-downloader -l https://jsfiddle.net/<user>/<fiddle-id>/show/ -o myfiddle.html
要从jsFiddle.net下载确定的“用户”的所有脚本 ：
jsfiddle-downloader -u <user> [-o <output file>]
它会将所有备份下载到currrent目录中，jsFiddles脚本将被命名为：
[<output-folder>/]<id-fiddle>.html
最好的方法是：
- 右键单击输出面板。
- select查看框架来源，那么整个代码将出现。
之后，您可以复制该代码，并将其粘贴到您的计算机中。
您必须在正在处理的url后面放置/显示一个：
例如：
"http://jsfiddle.net/rkw79/PagTJ/show/"
字段url：
"http://jsfiddle.net/rkw79/PagTJ/"
之后，保存该文件，并转到该文件夹下的显示文件夹（或您保存的文件名），你将得到一个HTML文件show_resource.HTML。这是你的实际文件。现在打开浏览器中查看源代码。 祝你好运 – Ujjwal Gupta
在最近的工作中，我不得不下载一个小提琴url列表，并为每个独立的html css js文件创build单独的文件夹，我为此创build了下面的crawler程序。 https://github.com/sguha-work/FiddleCrawler。它将创build具有计数器值的文件夹名称，每个文件夹将有一个HTML，一个CSS，一个JS和一个细节文件。; （详细信息文件将保存外部资源的链接）。
我在上面的主题下find了一篇文章。我可以拿完整的代码，我会提到它。
这里是文章中提到的步骤：
在你想抓取的JSFiddle URL的末尾添加embedded / result /。
显示框架或框架的源代码：右键单击页面中的任意位置，然后立即在新选项卡或源代码中查看框架（需要使用Firefox）。
最后，将页面保存为您的首选格式（MHT，HTML，TXT等），然后瞧！
你也可以find它： https : //sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/
它具有“保存”function，允许您下载HTML（基本上包括HTML，CSS和JavaScript）。 它也有行号，jsfiddle没有。
好吧，最简单的方法，我发现只是改变的url（jsfiddle [点]净）小提琴[点] jshell [点]净/有你有一个明确的HTML代码，没有任何一种iframe …例如： https：// jsfiddle [dot] net / mfvmoy64 / 27 / show / light / – > http：// fiddle [dot] jshell [dot] net / mfvmoy64 / 27 / show / light /
（ 必须改变'。'的“[点]”，因为stackeroverflow …：c ）PS：sry 4 bad english
Ctrl + S ，保存整个小提琴，在文件夹里面有你正在寻找的干净的页面
使用http://jsfiddle.net/ / show / light /
那么只要使用浏览器的监视元素function即可。 您将在iframe选项卡中获得代码。 。 在铬只需右键单击并select编辑为HTML选项卡。 并复制html内容。 那是你的实际代码。
