jsFiddleにダウンロード機能はありますか？

jsFiddleにダウンロード機能があるので、CSS、HTML、JSを含むHTMLを1つのファイルにダウンロードして、jsFiddleなしでデバッグ目的で実行できますか？

わかりました：

/show作業中のURLの後にを付ける必要があります：
http : //jsfiddle.net/ < your_fiddle_id> / show/
結果を表示するサイトです。

そして、それをファイルとして保存するとき。すべて1つのHTMLファイルに含まれています。

例：
http : //jsfiddle.net/Ua8Cv
サイトの http://jsfiddle.net/Ua8Cv/show/

古い質問に対する新しい答え：

方法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番号を参照します。URL " http://jsfiddle.net/<fiddle_user>/<fiddle_id>"または " http://jsfiddle.net/<fiddle_id>"のフィドルの場合、fiddle_id必要なのはだけです。fiddle_user重要ではありません。

シェルプロンプトで、単一のコマンドラインを入力します。

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.htmlHTMLファイルは相対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>]

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

ダウンロードするにはdeterminated「ユーザー」のすべてのスクリプト jsFiddle.netからの：

jsfiddle-downloader -u <user> [-o <output file>]

現在のディレクトリにあるすべてのバックアップをダウンロードします。jsFiddlesスクリプトの名前は次のようになります。

[<output-folder>/]<id-fiddle>.html

ステップ1：次の
ようなフィドルページに移動するjsfiddle.net/oskar/v5893p61

ステップ2：次の
ように、URLの末尾に「/表示」を追加しますjsfiddle.net/oskar/v5893p61/show

ステップ3：
ページを右クリックし、[ View frame source ]をクリックします。タグにCSSを含み、タグにJavaScript（js）を含むHTMLコードを取得します。[すべてのライブラリのソースリンクも追加されます]。 スクリーンショットを見る

ステップ4：ソースコードを.htmlファイルに
保存できるようになりました。

最善の方法は：

1. 出力パネルを右クリックします。
2. ビューフレームソースを選択すると、コード全体が表示されます。

その後、そのコードをコピーして、コンピューターに貼り付けることができます。

最近の作業で、フィドルのURLのリストをダウンロードし、フィドルごとに個別のフォルダーを作成する必要がありました。 https://github.com/sguha-work/FiddleCrawler 。カウンター値を含むフォルダー名が作成され、各フォルダーにはhtml、css、js、および詳細ファイルが含まれます。（詳細ファイルは外部リソースのリンクを保持します）。

上記のトピックの下に記事を見つけました。これにより、完全なコードを取得できました。

記事に記載されている手順は次のとおりです。

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/

このパッケージを使用してノード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を取得します。ブラウザーで開き、ソースコードを表示します。最高の幸運---------ウジワル・グプタ

わかりました、最も簡単な方法は、URL（jsfiddle [dot] net）をfiddle [dot] jshell [dot] netに変更することだけであることがわかりました。 https：// jsfiddle [dot] net / mfvmoy64 / 27 / show / light / -> http：// fiddle [dot] jshell [dot] net / mfvmoy64 / 27 / show / light /

（スタッカーオーバーフローのため、「。」を「[ドット]」に変更する必要があります...：c）PS：sry 4 bad english

JSFiddleからすべてのものをまとめてダウンロードする適切な方法はありませんが、それを行うためのハック方法があります。JSFiddle URLの末尾に「embedded /」または「embedded / result /」を追加するだけで、ページ全体をHTMLファイル+外部ライブラリ（必要な場合）として保存できます。

npm-packageがありますjsfiddle-downloader。

http://jsfiddle.net/ / show / light /を使用します

次に、ブラウザの要素検査機能を使用します。あなたはiframeタブでコードを取得します。。クロムでは右クリックしてHTMLタブとして編集をクリックします。htmlコンテンツをコピーします。それが実際のコードです。

Ctrl+ S、フィドル全体を保存します。filesフォルダー内には、探しているクリーンページがあります。