Apakah ada fungsi unduhan di jsFiddle?

Apakah ada fungsi unduhan di jsFiddle, sehingga Anda dapat mengunduh HTML dengan CSS, HTML, dan JS dalam satu file, sehingga Anda dapat menjalankannya tanpa jsFiddle untuk tujuan debug?

Ok saya menemukan:

Anda harus meletakkan /showsetelah URL yang sedang Anda kerjakan:
http://jsfiddle.net/<your_fiddle_id>/show/
Ini adalah situs yang menunjukkan hasil.

Dan kemudian ketika Anda menyimpannya sebagai file. Semuanya dalam satu file HTML.

Misalnya:
http://jsfiddle.net/Ua8Cv/show/
untuk situs http://jsfiddle.net/Ua8Cv

Jawaban baru untuk pertanyaan lama:

Metode 1:

Langkah 1 : Anda harus memakai /showsetelah URLAnda mengerjakan:

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

Ini menunjukkan output dengan header hasil.

Langkah 2 : Klik kanan bingkai bawah dan pilih View Frame Source . Itu dia. Anda mendapat kode html dengan tautan JS online, CSS.

Simpan saja.

Sebagai Contoh: http://jsfiddle.net/YRafQ/20/show/ untuk situs http://jsfiddle.net/YRafQ/20/

Catatan: Lihat Sumber Frame dan bukan Lihat Sumber Halaman

Metode 2:

Anda dapat menggunakan kode ini: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

Sebagai Contoh: Untuk fiddle_id saya: YRafQ/20

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

Menambahkan / menampilkan tidak menampilkan kode sumber murni, ini adalah contoh yang tertanam. Untuk menampilkannya tanpa skrip tambahan, css dan html, gunakan:

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

Contoh: http://fiddle.jshell.net/Ua8Cv/show/light/

Tidak, JSFiddle tidak memiliki fitur unduhan. Namun, tidak terlalu sulit untuk menyiasatinya dan menyimpan konten biola.

Sejak jawaban yang diterima diposting, JSFiddle telah membuat beberapa perubahan UI dan backend baru-baru ini yang mempengaruhi cara biola seharusnya diunduh. Perhatikan prosedur yang diperbarui di bawah ini.

Metode Baris Perintah Sederhana

Metode ini hanya mengunduh HTML, JavaScript, dan CSS biola sebagai satu file. Sumber daya eksternal biola tidak disimpan.

Pada baris perintah yang ditunjukkan di bawah ini, fiddle_idmengacu pada nomor ID biola. Untuk biola dengan URL " http://jsfiddle.net/<fiddle_user>/<fiddle_id>" atau " http://jsfiddle.net/<fiddle_id>", hanya yang fiddle_iddibutuhkan. Itu fiddle_usertidak penting.

Pada prompt shell, masukkan baris perintah tunggal:

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

Biola akan disimpan ke file bernama " fiddle_id.html".

Metode Browser yang Lebih Panjang

Metode ini mengunduh biola serta sumber daya eksternal. Langkah-langkah yang diberikan didasarkan pada penggunaan Google Chrome. Menggunakan browser web lain juga bisa digunakan, tetapi mereka mungkin menggunakan nama file yang berbeda.

1. Pilih menu " Share/Embed" di bagian atas halaman edit JSFiddle. Di kotak dialog yang muncul, salin URL yang ditampilkan di bidang " Share full screen result". Itu akan berbentuk " http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/" atau " http://jsfiddle.net/<fiddle_id>/embedded/result/".
2. Buka jendela browser baru dan rekatkan di URL yang disalin pada langkah sebelumnya. Muat halaman itu.
3. Gunakan fitur simpan browser Anda untuk menyimpan halaman dan semua sumber dayanya ke komputer lokal Anda. Untuk menyimpan semua sumber daya menggunakan Google Chrome, misalnya, pastikan untuk memilih " Webpage, Complete" di menu " Format". Pastikan untuk menentukan nama untuk halaman tersebut. Katakanlah namanya " fiddle.html" untuk contoh ini.
4. Setelah halaman disimpan ke komputer Anda, Anda akan memiliki file " fiddle.html" dan direktori bernama " fiddle_files". File " fiddle.html" adalah halaman pembungkus yang digunakan JSFiddle untuk menampilkan header dengan judul "Hasil" dan tautan lainnya. Ini akan memuat biola Anda dalam elemen iframe. Sebagian besar, file ini dapat diabaikan atau bahkan dihapus. Konten HTML, JavaScript, dan CSS biola Anda semua akan disimpan di fiddle_filesdirektori " " sebagai satu file bernama " saved_resource.html".
5. Salin " fiddle_files/saved_resource.html" ke mana pun Anda ingin menggunakannya. Jika biola Anda memasukkan item di bawah " External Resources", itu juga akan muncul di fiddle_filesdirektori " ". Pastikan untuk menyalin file-file itu ke tempat yang sama dengan tempat Anda menyalin " saved_resource.html", karena file HTML akan merujuk ke sumber daya tersebut menggunakan URL relatif.

Seperti disebutkan sebelumnya, browser lain mungkin memberi nama file berbeda ketika mereka disimpan. Sebagai contoh, Firefox memberi nama file HTML / JS / CSS gabungan " fiddle_files/a.html".

Masih tidak ada fungsionalitas unduhan yang didukung .. TAPI .. Anda dapat menggunakan skrip simpul jsfiddle-downloader .

Instalasi :

npm install jsfiddle-downloader -g

Untuk mengunduh biola tunggal dari id :

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

Untuk mengunduh biola tunggal dari url-nya :

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

Untuk mengunduh semua skrip dari 'pengguna' yang ditentukan dari jsFiddle.net:

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

Ini akan mengunduh semua cadangan di direktori currrent, skrip jsFiddles akan dinamai:

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

Langkah 1:
Pergi ke halaman biola sepertijsfiddle.net/oskar/v5893p61

Langkah 2:
Tambahkan '/ tampilkan' di akhir URL, sepertijsfiddle.net/oskar/v5893p61/show

Langkah 3:
Klik kanan pada halaman dan klik pada sumber bingkai Lihat . Anda akan mendapatkan kode HTML termasuk tag CSS dan tag Javascript (js). [Juga tautan sumber dari semua perpustakaan akan ditambahkan]. Lihat tangkapan layar

Langkah 4:
Sekarang Anda dapat menyimpan kode sumber dalam file .html.

Cara terbaik adalah:

1. Klik kanan pada panel output.
2. Pilih sumber bingkai tampilan, maka seluruh kode akan muncul.

Setelah itu Anda dapat menyalin kode itu, dan menempelkannya di komputer Anda.

Dalam sebuah karya baru-baru ini saya harus mengunduh daftar url biola dan membuat folder terpisah untuk setiap biola yang memiliki file html css js terpisah untuk masing-masing, saya telah membuat program perayap berikut untuk ini. https://github.com/sguha-work/FiddleCrawler . Ini akan membuat nama folder dengan nilai penghitung dan setiap folder akan memiliki html, css, js, dan file detail. (File detail akan menyimpan tautan sumber daya eksternal).

Saya menemukan artikel di bawah topik di atas. Disana saya dapat mengambil kode lengkap. Saya akan menyebutkannya.

Berikut langkah-langkah yang disebutkan dalam artikel:

1. Tambahkan embedded / result / di akhir URL JSFiddle yang ingin Anda ambil.

2. Tampilkan bingkai atau kode sumber bingkai: klik kanan di mana saja di halaman dan melihat bingkai di tab baru atau sumber langsung (memerlukan Firefox).

3. Terakhir, simpan halaman dalam format yang Anda sukai (MHT, HTML, TXT, dll.) Dan voila!

Anda juga dapat menemukannya: https://sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/

Anda dapat mengunduh menggunakan paket ini di simpul js,

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

Anda harus meletakkan / menampilkan setelah URL yang sedang Anda kerjakan:

Sebagai contoh:

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

untuk URL Bidang:

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

setelah itu simpan file dan pergi ke folder pertunjukan (atau nama file yang telah Anda simpan dengan) di bawah folder itu Anda akan mendapatkan file html show_resource.HTML. itu adalah file Anda yang sebenarnya. sekarang buka di browser dan lihat kode sumber . Semoga sukses -------- Ujjwal Gupta

Oke, cara termudah, saya tahu hanya mengubah url (jsfiddle [dot] net) menjadi biola [dot] jshell [dot] net / Di sana Anda memiliki kode html yang jelas, tanpa jenis iframe ... Contoh: https: // jsfiddle [dot] net / mfvmoy64 / 27 / show / light / -> http: // fiddle [dot] jshell [dot] net / mfvmoy64 / 27 / show / light /

( Harus mengubah '.' S ke "[dot]" karena stackeroverflow ...: c ) PS: sry 4 bad english

Tidak ada cara yang tepat untuk mengunduh semua hal bersama dari JSFiddle tetapi ada cara hack untuk melakukan hal itu. Cukup tambahkan "tertanam /" atau "tertanam / hasil /" di akhir URL JSFiddle Anda !, dan kemudian Anda dapat menyimpan seluruh halaman sebagai file HTML + pustaka eksternal (jika Anda mau).

Ada paket npm jsfiddle-downloader.

Gunakan http://jsfiddle.net/ / show / light /

maka cukup gunakan fungsi elemen inspeksi browser. Anda akan mendapatkan kode di tab iframe. . di chrome klik kanan dan klik edit sebagai tab html. dan salin konten html. itu kode kamu yang sebenarnya.

Ctrl+ S, menyimpan seluruh biola, di dalam folder file ada halaman bersih yang Anda cari