jsFiddle中有下载功能吗？

jsFiddle中是否有下载功能，因此您可以在一个文件中下载包含CSS，HTML和JS的HTML，以便出于调试目的而无需jsFiddle即可运行它？

好的，我发现了：

您必须/show在正在使用的URL后面加上一个：
http : //jsfiddle.net/<your_fiddle_id>
/ show/这是显示结果的站点。

然后当您将其另存为文件时。全部放在一个HTML文件中。

例如：
http : //jsfiddle.net/Ua8Cv/show/
用于站点 http://jsfiddle.net/Ua8Cv

对一个老问题的新答案：

方法1：

第1步：你必须把/show后的URL你在工作：

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

它显示带有结果标题的输出。

第2步：右键单击底部框架，然后选择“ 查看框架源”。而已。您获得了带有在线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/

添加/ show不会提供纯源代码，这是一个嵌入式工作示例。要显示它而没有任何其他脚本（css和html），请使用：

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

范例：http： //fiddle.jshell.net/Ua8Cv/show/light/

不，JSFiddle没有下载功能。但是，解决这个问题并保存小提琴的内容并不是很困难。

自发布接受的答案以来，JSFiddle进行了一些最近的UI和后端更改，这些更改会影响小提琴的下载方式。请注意下面的更新过程。

简单的命令行方法

此方法仅将小提琴的HTML，JavaScript和CSS下载为单个文件。小提琴的外部资源未保存。

在下面显示的命令行中，fiddle_id指小提琴的ID号。对于网址为“ http://jsfiddle.net/<fiddle_user>/<fiddle_id>”或“ http://jsfiddle.net/<fiddle_id>” 的小提琴，只fiddle_id需要。该fiddle_user是不重要的。

在shell提示下，输入单个命令行：

fiddleId=fiddle_id; curl "http://fiddle.jshell.net/${fiddleId}/show/" -H "Referer: http://fiddle.jshell.net/${fiddleId}/" --output "${fiddleId}.html"

小提琴将保存到名为“ fiddle_id.html” 的文件中。

较长的浏览器方法

此方法下载小提琴及其外部资源。给出的步骤基于使用Google Chrome浏览器。使用其他Web浏览器也应该可以，但是它们可以使用不同的文件名。

1. 选择Share/EmbedJSFiddle编辑页面顶部的“ ”菜单/链接。在出现的对话框中，复制“ Share full screen result”字段中显示的URL 。格式为“ http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/”或“ http://jsfiddle.net/<fiddle_id>/embedded/result/”。
2. 打开一个新的浏览器窗口，然后粘贴上一步中复制的URL。加载该页面。
3. 使用浏览器的保存功能将页面及其所有资源保存到本地计算机。例如，要使用Google Chrome保存所有资源，请确保Webpage, Complete在“ Format”菜单中选择“ ” 。确保为页面指定名称。假设fiddle.html在此示例中，其名为“ ”。
4. 页面保存到计算机后，您将拥有“ fiddle.html”文件和名为“ fiddle_files” 的目录。文件“ fiddle.html”是JSFiddle用于显示带有“结果”标题和其他链接的标题的包装页面。它将在iframe元素中加载小提琴。在大多数情况下，此文件可以忽略甚至删除。小提琴的HTML，JavaScript和CSS内容都将fiddle_files作为一个名为“ saved_resource.html”的文件保存在“ ”目录中。
5. 将“ fiddle_files/saved_resource.html” 复制到您想使用的任何地方。如果您的小提琴在“ External Resources” 下包含项目，则这些项目也将出现在“ fiddle_files”目录中。确保将这些文件复制到复制“ saved_resource.html” 的相同位置，因为HTML文件将使用相对URL引用这些资源。

如前所述，其他浏览器在保存文件时可能会使用不同的名称。例如，Firefox将合并的HTML / JS / CSS文件命名为“ fiddle_files/a.html”。

仍然不支持下载功能。但是，您可以使用jsfiddle-downloader节点脚本。

安装：

npm install jsfiddle-downloader -g

要从其ID下载一个小提琴：

jsfiddle-downloader -i <fiddle-id> [-o <output file>]

要从其网址下载一个小提琴：

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

步骤1：
转到类似jsfiddle.net/oskar/v5893p61

步骤2：
在网址末尾添加“ / show”，例如jsfiddle.net/oskar/v5893p61/show

第3步：
右键点击页面，然后点击查看框架源。您将获得HTML代码，包括标记中的CSS和标记中的Javascript（js）。[还将添加所有库的源链接]。 看截图

步骤4：
现在您可以将源代码保存在.html文件中。

最好的方法是：

1. 在输出面板上单击鼠标右键。
2. 选择视图框架源，然后将显示整个代码。

之后，您可以复制该代码，并将其粘贴到您的计算机中。

在最近的工作中，我不得不下载小提琴网址列表，并为每个小提琴创建单独的文件夹，每个小提琴具有单独的html css js文件，为此我创建了以下爬虫程序。 https://github.com/sguha-work/FiddleCrawler。 它将创建带有计数器值的文件夹名称，每个文件夹都有一个html，一个css，一个js和一个details文件。（详细信息文件将包含外部资源的链接）。

我在上述主题下找到了一篇文章。到这里我可以阅读完整的代码。

这里是文章中提到的步骤：

1. 在您想获取的JSFiddle URL的末尾添加Embedded / result /。

2. 显示框架或框架的源代码：右键单击页面中的任何位置，然后在新选项卡中或直接在源中查看框架（需要Firefox）。

3. 最后，以您喜欢的格式（MHT，HTML，TXT等）保存页面，然后加油！

您也可以找到它：https : //sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/

您可以在node js中使用此包进行下载，

https://www.npmjs.com/package/jsfiddle-downloader

您必须在正在处理的URL后面加/ show a：

例如：

"http://jsfiddle.net/rkw79/PagTJ/show/"

对于字段URL：

"http://jsfiddle.net/rkw79/PagTJ/"

之后，保存文件并转到该文件夹​​下的show文件夹（或您保存时使用的文件名），您将得到一个html文件show_resource.HTML。这是您的实际文件。现在在浏览器中打开它并查看源代码。祝你好运-------- Ujjwal Gupta

好的，最简单的方法是，我发现只是将url（jsfiddle [net]）更改为fiddle [dot] jshell [dot] net /，而您有一个清晰的html代码，没有任何种类的iframe ...例如： https：// jsfiddle [dot] net / mfvmoy64 / 27 / show / light / -> http：// fiddle [dot] jshell [dot] net / mfvmoy64 / 27 / show / light /

（由于stackeroverflow ...，必须将'。''s更改为“ [dot]” ...：c）PS：sry 4 bad english

没有从JSFiddle一起下载所有内容的正确方法，但是有一种破解方法。只需在JSFiddle URL！的末尾添加“ embedded /”或“ embedded / result /”，然后就可以将整个页面另存为HTML文件和外部库（如果需要）。

有npm-package jsfiddle-downloader。

使用http://jsfiddle.net/ / show / light /

然后只使用浏览器的检查元素功能。您将在iframe标签中获得代码。。在Chrome中，只需右键单击并单击“编辑为html”选项卡。并复制html内容。那就是你的实际代码。

Ctrl+ S，保存整个小提琴，在files文件夹中有您要查找的干净页面