JsFiddle'da bir indirme fonksiyonu var mı?

JsFiddle'da bir indirme işlevi var mı, bu nedenle CSS, HTML ve JS içeren bir HTML'yi tek bir dosyada indirebilirsiniz, böylece hata ayıklama amacıyla jsFiddle olmadan çalıştırabilirsiniz?

Tamam buldum:

/showÜzerinde çalıştığınız URL'den sonra bir tane koymanız gerekir :
http://jsfiddle.net/<your_fiddle_id>/show/
Sonuçları gösteren sitedir.

Ve sonra bir dosya olarak kaydettiğinizde. Hepsi tek bir HTML dosyasında.

Örneğin:
http://jsfiddle.net/Ua8Cv
sitesi için http://jsfiddle.net/Ua8Cv/show/

Eski bir soruya yeni cevap:

Yöntem 1:

Adım 1 : Üzerinde çalıştıktan /showsonra koymak zorundasınız URL:

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

Çıktıyı bir sonuç üstbilgisiyle gösterir.

Adım 2 : Alt çerçeveye sağ tıklayın ve Çerçeve Kaynağını Görüntüle'yi seçin . Bu kadar. Çevrimiçi JS bağlantıları olan html kodunu aldınız, CSS.

Sadece kaydedin.

Örneğin: http://jsfiddle.net/YRafQ/20/ sitesi için http://jsfiddle.net/YRafQ/20/show/

Not: Görünüm Çerçeve Kaynağını olup Sayfa Kaynağını

Yöntem 2:

Bu kodu kullanabilirsiniz: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

Örneğin: Fiddle_id'im için: YRafQ/20

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

/ Show eklemek saf bir kaynak kodu sunmaz, gömülü bir çalışma örneğidir. Ek komut dosyaları, css ve html olmadan görüntülemek için şunu kullanın:

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

Bir örnek: http://fiddle.jshell.net/Ua8Cv/show/light/

Hayır, JSFiddle'ın bir indirme özelliği yoktur. Ancak, bunun üstesinden gelmek ve bir kemanın içeriğini yine de kaydetmek çok zor değil.

Kabul edilen cevabın yayınlanmasından bu yana JSFiddle, bir kemanın indirilme şeklini etkileyen bazı yeni kullanıcı arayüzü ve arka uç değişiklikleri yaptı. Aşağıdaki güncellenmiş prosedürlere dikkat edin.

Basit Komut Satırı Yöntemi

Bu yöntem yalnızca kemanın HTML, JavaScript ve CSS'sini tek bir dosya olarak indirir. Kemanın dış kaynakları kaydedilmez.

Aşağıda gösterilen komut satırında, kemanın fiddle_idkimlik numarasını ifade eder. " http://jsfiddle.net/<fiddle_user>/<fiddle_id>" Veya " http://jsfiddle.net/<fiddle_id>" URL'sine sahip bir keman için yalnızca fiddle_idgereklidir. fiddle_userÖnemli değildir.

Kabuk istemine tek komut satırını girin:

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

Keman " fiddle_id.html" adlı bir dosyaya kaydedilecektir .

Daha Uzun Tarayıcı Yöntemi

Bu yöntem, keman ve dış kaynaklarını indirir. Verilen adımlar Google Chrome'u kullanmaya dayanmaktadır. Diğer web tarayıcılarını kullanmak da işe yarayabilir, ancak farklı dosya adları kullanabilirler.

1. Share/EmbedJSFiddle düzenleme sayfasının üst kısmındaki " " menüsünü / bağlantısını seçin . Görünen iletişim kutusunda " Share full screen result" alanında gösterilen URL'yi kopyalayın . " http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/" Veya " biçiminde olacaktır.http://jsfiddle.net/<fiddle_id>/embedded/result/ " .
2. Yeni bir tarayıcı penceresi açın ve önceki adımda kopyalanan URL'yi yapıştırın. Bu sayfayı yükleyin.
3. Sayfayı ve tüm kaynaklarını yerel bilgisayarınıza kaydetmek için tarayıcınızın kaydetme özelliğini kullanın. Örneğin, Google Chrome'u kullanarak tüm kaynakları kaydetmek Webpage, Completeiçin " Format" menüsünde " " seçeneğini belirlediğinizden emin olun . Sayfa için bir ad belirttiğinizden emin olun. Diyelim ki fiddle.htmlbu örnek için " " adlı .
4. Sayfa bilgisayarınıza kaydedildikten sonra, " fiddle.html" dosyasına ve " fiddle_files" adlı bir dizine sahip olacaksınız . " fiddle.html" Dosyası , JSFiddle'ın "Sonuç" başlığına ve diğer bağlantılara sahip bir başlık görüntülemek için kullandığı sarmalayıcı sayfadır. Kemanınızı bir iframe elemanına yükleyecektir. Çoğunlukla, bu dosya yok sayılabilir veya hatta silinebilir. Kemanınızın HTML, JavaScript ve CSS içeriğinin tümü " fiddle_files" dizinine "adlı tek bir dosya olarak kaydedileceksaved_resource.html " .
5. Kullanmak fiddle_files/saved_resource.htmlistediğiniz yere " " kopyalayın . Kemanınız " External Resources" altında öğeler içeriyorsa , bunlar " fiddle_files" dizininde de görünür . saved_resource.htmlHTML dosyası ilgili URL'leri kullanan bu kaynaklara başvuracağından, bu dosyaları " " kopyaladığınız yere kopyaladığınızdan emin olun .

Daha önce de belirtildiği gibi, diğer tarayıcılar dosyaları kaydedildiklerinde farklı adlandırabilirler. Örneğin, Firefox birleşik HTML / JS / CSS dosyasını " fiddle_files/a.html" olarak adlandırır.

Hala hiçbir indirme işlevselliği destekleniyor .. AMA .. jsfiddle-downloader düğüm komut dosyası kullanabilirsiniz.

Kurulum :

npm install jsfiddle-downloader -g

Kimliğinden tek bir keman indirmek için :

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

URL'sinden tek bir keman indirmek için :

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

Belirli bir 'kullanıcının' tüm komut dosyalarını jsFiddle.net'ten indirmek için:

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

Currrent dizinindeki tüm yedekleri indirir, jsFiddles komut dosyaları şu şekilde adlandırılır:

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

1. Adım:
Gibi bir keman sayfasına gidinjsfiddle.net/oskar/v5893p61

2. Adım:
URL'nin sonuna '/ show' ekleyin, örneğinjsfiddle.net/oskar/v5893p61/show

3. Adım:
Sayfayı sağ tıklayın ve Çerçeve kaynağını görüntüle'yi tıklayın . Etikette CSS ve etikette Javascript (js) içeren HTML kodunu alırsınız. [Ayrıca tüm kütüphanenin kaynak bağlantısı eklenecektir]. Ekran görüntüsüne bakın

Adım 4:
Şimdi kaynak kodunu bir .html dosyasına kaydedebilirsiniz.

En iyi yol:

1. Çıktı panelini sağ tıklayın.
2. Görünüm çerçeve kaynağını seçin, ardından tüm kod görünecektir.

Bundan sonra bu kodu kopyalayıp bilgisayarınıza yapıştırabilirsiniz.

Son bir çalışmada ben keman urls bir listesini indirmek ve her biri için ayrı html css js dosyası olan her keman için ayrı klasör oluşturmak zorunda kaldı, ben bunun için aşağıdaki tarayıcı programı oluşturduk. https://github.com/sguha-work/FiddleCrawler . sayaç değerine sahip klasör adı oluşturur ve her klasör bir html, bir css, js ve bir ayrıntı dosyasına sahip olur. (Ayrıntılar dosyası dış kaynakların bağlantılarını içerir).

Yukarıdaki konu altında bir makale buldum.Tamam kodun tamamını alabilirim.

Makalede bahsedilen adımlar şunlardır:

1. Yakalamak istediğiniz JSFiddle URL'sinin sonuna katıştırılmış / sonuç / ekleyin.

2. Çerçeveyi veya çerçevenin kaynak kodunu gösterme: sayfada herhangi bir yeri sağ tıklayın ve çerçeveyi yeni bir sekmede veya kaynağı hemen görüntüleyin (Firefox gerektirir).

3. Son olarak, sayfayı tercih ettiğiniz biçimde (MHT, HTML, TXT, vb.) Kaydedin ve voilà!

ayrıca bulabilirsiniz: https://sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/

Bu paketi js düğümünde kullanarak indirebilirsiniz,

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

Üzerinde çalıştığınız URL'nin arkasına bir tane koymanız / göstermeniz gerekir:

Örneğin:

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

Alan URL'si için:

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

Bundan sonra dosyayı kaydedin ve o klasörün altındaki gösteri klasörüne (veya kaydettiğiniz dosya adına) gidin u bir html dosyası show_resource.HTML alırsınız. bu gerçek dosyanızdır. . İyi şanslar -------- Ujjwal Gupta

Tamam, en kolay yolu, öğrendim sadece url (jsfiddle [nokta] net) keman [nokta] jshell [nokta] net / orada u iframe herhangi bir tür olmadan net bir html kodu var ... Örnek: https: // jsfiddle [nokta] net / mfvmoy64 / 27 / show / light / -> http: // keman [nokta] jshell [dot] net / mfvmoy64 / 27 / show / light /

( '.' 'Leri stackeroverflow nedeniyle "[dot]" olarak değiştirmelisiniz ...: c ) PS: sry 4 kötü türkçe

Her şeyi JSFiddle'dan indirmenin tam bir yolu yok ama bunu yapmanın bir yolu var. JSFiddle URL'nizin sonuna "katıştırılmış /" veya "katıştırılmış / sonuç /" eklemeniz yeterlidir! Daha sonra tüm sayfayı HTML dosyası + harici kitaplıklar (isterseniz) olarak kaydedebilirsiniz.

Npm paketi var jsfiddle-downloader.

Kullanım http://jsfiddle.net/ / gösteri / ışık /

sadece tarayıcının öğe denetleme işlevini kullanın. iframe sekmesinde kod alırsınız. . chrome'da sağ tıklayın ve html sekmesi olarak düzenle'ye tıklayın. ve html içeriğini kopyalayın. gerçek kodunuz budur.

Ctrl+ S, tüm kemanı kaydeder, dosya klasörü içinde aradığınız temiz sayfa var