如何下载这个工作的jsfiddle？

Question

jsfiddle.net/jjx86sqb/中给出的示例非常好，想下载所有文件。

请告诉我如何下载。

我想运行示例 html 本地文件示例

Answer 1

只需将 fiddle 的 HTML 和 jQuery 部分复制并粘贴到您自己的文档中。

不要忘记包含四个相关的外部文件：

https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css
https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js
https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/css/dataTables.alphabetSearch.css
https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/js/dataTables.alphabetSearch.min.js

您还需要引用 jQuery 本身（fiddle 中的版本 1.11.0）。

版本 1.11.0 可在以下位置找到：

https://code.jquery.com/jquery-1.11.0.min.js

请注意 jQuery 必须在之前四个 DataTables 脚本被引用。

您的 <head> 应如下所示：

<head>
  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css">
  <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/css/dataTables.alphabetSearch.css">
  <script type="text/javascript" src="https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/js/dataTables.alphabetSearch.min.js"></script>
</head>

jQuery 代码本身必须放在 <script> 标签之间在包含五个外部文件之后。

希望对您有所帮助！ :)

Answer 2

下载代码是不可能且不必要的功能。您最多可以复制 3 个代码。 HTML、CSS 和脚本。只需单击任何代码 > Ctrl+A >，然后将其复制并粘贴到任何你想要的位置。对每个代码重复相同的步骤。

Answer 3

有可能。又简单。

将 /embedded/ 添加到您要下载的 jsfiddle 的 URL 中。
单击 result 选项卡
右键单击屏幕并 select view frame source（不是！查看页面源代码）
将您看到的完整 html 保存到 html 文件。

如何下载这个工作的jsfiddle？

How to download this working jsfiddle?

jsfiddle