Y a-t-il une fonction de téléchargement dans jsFiddle?

Nouvelle réponse à une ancienne question:

Méthode 1:

Étape 1: Vous devez mettre /show après l' URL vous travaillez sur:

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

Il affiche la sortie avec un en-tête de résultat.

Étape 2 : faites un clic droit sur le cadre inférieur et sélectionnez source du cadre de vue . C'est tout. Vous avez le code html avec des liens JS en ligne, CSS.

Il suffit de L'enregistrer.

Par Exemple: http://jsfiddle.net/YRafQ/20/show/ pour le site http://jsfiddle.net/YRafQ/20/

Remarque: Source du cadre de vue et non source de la Page de vue

Méthode 2:

Vous pouvez utiliser ce code: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

Par Exemple: Pour mon fiddle_id: YRafQ/20

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

Ajouter /show ne présente pas de code source pur, c'est un exemple de travail intégré. Pour l'afficher sans scripts supplémentaires, css et html, utilisez:

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

Un exemple: http://fiddle.jshell.net/Ua8Cv/show/light/

Non, JSFiddle n'a pas de fonctionnalité de téléchargement. Cependant, il n'est pas très difficile de contourner cela et de sauvegarder le contenu d'un violon de toute façon.

Depuis que la réponse acceptée a été publiée, JSFiddle a apporté des modifications récentes de L'interface utilisateur et du backend qui affectent la façon dont un violon doit être téléchargé. Notez les procédures mises à jour ci-dessous.

Méthode Simple En Ligne De Commande

Cette méthode ne télécharge que le HTML, le JavaScript et le CSS du violon en un seul fichier. Le les ressources externes de fiddle ne sont pas sauvegardées.

Dans la ligne de commande ci-dessous, fiddle_id fait référence au numéro D'identification du violon. Pour un violon avec l'URL "http://jsfiddle.net/<fiddle_user>/<fiddle_id>" ou "http://jsfiddle.net/<fiddle_id>", seul le fiddle_id est nécessaire. Le {[5] } est sans importance.

À l'invite du shell, entrez la ligne de commande unique:

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

, Le violon sera enregistré dans un fichier nommé "fiddle_id.html".

Méthode De Navigateur Plus Longue

Cette méthode télécharge le violon ainsi que ses ressources externes. Le les étapes données sont basées sur L'utilisation de Google Chrome. L'utilisation d'autres navigateurs web devrait également fonctionner, mais ils peuvent utiliser des noms de fichiers différents.

1. sélectionnez le menu/Lien" Share/Embed " en haut de la page d'édition JSFiddle. Dans la boîte de dialogue qui apparaît, copiez l'URL affichée dans le champ" Share full screen result". Il sera de la forme "http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/" ou "http://jsfiddle.net/<fiddle_id>/embedded/result/".
2. Ouvrir une nouvelle fenêtre de navigateur et collez l'URL copiée à l'étape précédente. De charger cette page.
3. utilisez la fonction de sauvegarde de votre navigateur pour page et toutes ses ressources à votre ordinateur local. Pour enregistrer toutes les ressources en utilisant Google Chrome, par exemple, assurez-vous de sélectionner "Webpage, Complete" dans le menu "Format". Assurez-vous de spécifier un nom pour la page. Disons qu'il s'appelle "fiddle.html " pour cet exemple.
4. Une fois la page enregistrée sur votre ordinateur, vous aurez le fichier "fiddle.html "et un répertoire nommé" fiddle_files". Le fichier "fiddle.html " est la page wrapper que JSFiddle utilise pour afficher un en-tête avec un titre "Result" et d'autres liens. Il chargez votre violon dans un élément iframe. Pour la plupart, ce fichier peut être ignoré ou même supprimés. Le contenu HTML, JavaScript et CSS de votre violon sera enregistré dans le répertoire" fiddle_files "en tant que Fichier unique nommé" saved_resource.html".
5. Copiez "fiddle_files/saved_resource.html " où vous voulez l'utiliser. Si votre violon a inclus des éléments sous " External Resources", ceux-ci apparaîtront également dans le répertoire "fiddle_files". Assurez-vous de copier ces fichiers au même endroit où vous avez copié " saved_resource.html", car le fichier HTML fera référence à ces ressources utilisent des URL relatives.

Comme mentionné précédemment, d'autres navigateurs peuvent nommer les fichiers différemment lorsqu'ils sont enregistrés. Par exemple, Firefox nomme le fichier HTML/JS/CSS combiné "fiddle_files/a.html".

Toujours aucune fonctionnalité de téléchargement prise en charge.. MAIS.. vous pouvez utiliser le script de noeudjsfiddle-downloader .

Installation:

npm install jsfiddle-downloader -g

Pour télécharger un violon unique à partir de son id :

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

Pour télécharger un violon unique depuis son 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

Pour télécharger tous les scripts d'un déterminant 'utilisateur' de jsFiddle.net:

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

Il va télécharger toutes les sauvegardes dans le répertoire currrent, les scripts jsFiddles seront nommé comme:

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

, La meilleure façon est:

1. Cliquez avec le bouton droit sur le panneau de sortie.
2. Choisissez view frame source, puis le code entier apparaîtra.

Après cela, vous pouvez copier ce code et le coller sur votre ordinateur.

Vous devez mettre / afficher un après L'URL sur laquelle vous travaillez:

Par exemple:

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

Pour L'URL du Champ:

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

Après cela, enregistrez le fichier et allez dans le dossier show (ou le nom de fichier que vous avez enregistré avec) sous ce dossier, vous obtiendrez un fichier html show_resource.HTML .c'est votre fichier réel.maintenant l'ouvrir dans le navigateur et afficher le code source. Bonne chance--------Ujjwal Gupta

Dans un travail récent, j'ai dû télécharger une liste d'URL de violon et créer un dossier séparé pour chaque violon ayant un fichier html CSS JS séparé pour chacun, j'ai créé le programme d'exploration suivant pour cela. https://github.com/sguha-work/FiddleCrawler . Il va créer le nom du dossier avec la valeur du compteur et chaque dossier aura un html, un css, un js et un fichier de détails. (Le fichier de détails contient les liens des ressources externes).

J'ai trouvé un article sous le sujet ci-dessus.Là, je pourrais prendre le code complet .Je vais en parler.

Voici les étapes mentionnées dans l'article:

1. Ajoutez embedded / result/ à la fin de L'URL jsfiddle que vous voulez saisir.

2. Afficher le cadre ou le code source du cadre: cliquez avec le bouton droit de la souris n'importe où dans la page et affichez le cadre dans un nouvel onglet ou la source immédiatement (nécessite Firefox).

3. Enfin, enregistrez la page dans votre choix format (MHT, HTML, TXT, etc.) et voilà!

Vous pouvez également le trouver: https://sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/

Ok, le moyen le plus simple, j'ai découvert était juste de changer l'url (jsfiddle [dot]net) en fiddle [dot]JShell [dot]net/ Il y a un code html clair, sans aucun type d'iframe... Exemple: https://jsfiddle [point] net / mfvmoy64 / 27 / spectacle / lumière/ -> http://fiddle [point] jshell [point]net / mfvmoy64 / 27 / spectacle / lumière /

(Doit changer"."s à "[point] " en raison de stackeroverflow... :c ) PS: sry 4 mauvais anglais

Vous pouvez télécharger en utilisant ce paquet dans node JS,

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

Essayer à l'aide de http://liveweave.com

Il a la fonctionnalité "Enregistrer" qui vous permet de télécharger le HTML(qui inclut essentiellement HTML, CSS et JavaScript). Il a également des numéros de ligne, ce qui n'est pas le cas de jsfiddle.

Ctrl + S , enregistre le violon entier, à l'intérieur du dossier files il y a la page propre que vous recherchez

Utiliser http://jsfiddle.net/ / spectacle / lumière /

Ensuite, utilisez simplement la fonction inspect element du navigateur. vous obtiendrez du code dans l'onglet iframe. . dans chrome, faites un clic droit et cliquez sur Modifier comme onglet html. et copiez le contenu html. c'est votre code.