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

Existe-t-il une fonction de téléchargement dans jsFiddle, de sorte que vous pouvez télécharger un code HTML avec CSS, HTML et JS dans un seul fichier, de sorte que vous puissiez l’exécuter sans jsFiddle à des fins de débogage?

Ok j’ai découvert:

Vous devez mettre /show un après l’URL sur laquelle vous travaillez:
http://jsfiddle.net//show/
C’est le site qui montre les résultats.

Et puis quand vous l’enregistrez en tant que fichier. Tout est dans un fichier HTML.

Par exemple:
http://jsfiddle.net/Ua8Cv/show/
pour le site http://jsfiddle.net/Ua8Cv

Nouvelle réponse à une vieille question:

Méthode 1:

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

 http://jsfiddle.net//show/ 

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

Étape 2 : Cliquez avec le bouton droit sur le cadre inférieur et sélectionnez Afficher la source du cadre . C’est tout. Vous avez le code HTML avec des liens JS en ligne, CSS.

Il suffit de sauvegarder

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

Remarque: Afficher la source du cadre et ne pas afficher la source de la page

Méthode 2:

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

Par exemple: Pour mon fiddle_id: YRafQ/20

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

L’ajout / show ne présente pas un code source pur, c’est un exemple de travail incorporé. Pour l’afficher sans scripts supplémentaires, css et html, utilisez:

 http://fiddle.jshell.net//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 garder le contenu d’un violon de toute façon.

Depuis la publication de la réponse acceptée, JSFiddle a apporté des modifications récentes à l’interface utilisateur et au backend qui affectent la manière dont un violon doit être téléchargé. Notez les procédures mises à jour ci-dessous.


Méthode en ligne de commande simple

Cette méthode télécharge uniquement les fichiers HTML, JavaScript et CSS du violon en tant que fichier unique. Les ressources externes du violon ne sont pas enregistrées.

Dans la ligne de commande illustrée ci-dessous, fiddle_id fait référence au numéro d’identification du violon. Pour un violon avec l’URL ” http://jsfiddle.net// ” ou ” http://jsfiddle.net/ “, seul le fiddle_id est nécessaire. Le fiddle_user 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 sauvegardé dans un fichier nommé ” fiddle_id.html “.


Méthode de navigation plus longue

Cette méthode télécharge le violon ainsi que ses ressources externes. Les étapes indiqué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 de JSFiddle. Dans la boîte de dialog qui s’affiche, copiez l’URL affichée dans le champ ” Share full screen result “. Il sera de la forme ” http://jsfiddle.net///embedded/result/ ” ou ” http://jsfiddle.net//embedded/result/ “.
  2. Ouvrez une nouvelle fenêtre de navigateur et collez l’URL copiée à l’étape précédente. Chargez cette page.
  3. Utilisez la fonctionnalité d’enregistrement de votre navigateur pour enregistrer la page et toutes ses ressources sur votre ordinateur local. Pour enregistrer toutes les ressources à l’aide de Google Chrome, par exemple, veillez à sélectionner ” Webpage, Complete ” dans le menu ” Format “. Veillez à spécifier un nom pour la page. Disons que c’est nommé ” 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 d’encapsulation que JSFiddle utilise pour afficher un en-tête avec un titre “Résultat” et d’autres liens. Il va charger votre violon dans un élément iframe. Pour la plupart, ce fichier peut être ignoré ou même supprimé. Le contenu HTML, JavaScript et CSS de votre violon sera enregistré dans le fiddle_filesfiddle_files ” sous la forme d’un fichier unique nommé ” saved_resource.html “.
  5. Copiez ” fiddle_files/saved_resource.html ” à l’endroit où vous souhaitez l’utiliser. Si votre violon incluait des éléments sous ” External Resources “, ceux-ci apparaîtront également dans le fiddle_filesfiddle_files “. Veillez à copier ces fichiers à l’endroit où vous avez copié ” saved_resource.html “, car le fichier HTML fera référence à ces ressources à l’aide d’URL relatives.

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

Toujours aucune fonctionnalité de téléchargement supscope .. MAIS .. vous pouvez utiliser le script de noeud jsfiddle-downloader .

Installation :

 npm install jsfiddle-downloader -g 

Pour télécharger un seul violon de son identifiant :

 jsfiddle-downloader -i  [-o ] 

Pour télécharger un seul violon de son URL :

 jsfiddle-downloader -l  [-o ] jsfiddle-downloader -l jsfiddle.net// jsfiddle-downloader -l https://jsfiddle.net/ jsfiddle-downloader -l https://jsfiddle.net///show/ -o myfiddle.html 

Pour télécharger tous les scripts d’un “utilisateur” déterminé à partir de jsFiddle.net:

 jsfiddle-downloader -u  [-o ] 

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

 [/].html 

Le meilleur moyen est de:

  1. Cliquez avec le bouton droit sur le panneau de sortie.
  2. Choisissez la source de vue de vue, alors 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 du fichier que vous avez enregistré avec) sous ce dossier, vous obtiendrez un fichier html show_resource.HTML. C’est votre fichier actuel. Ouvrez-le dans le navigateur et affichez le code source . Bonne chance ——– Ujjwal Gupta

Dans un travail récent, je devais 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 de robot suivant pour cela. https://github.com/sguha-work/FiddleCrawler .Il va créer un nom de dossier avec une valeur de compteur et chaque dossier aura un fichier HTML, un fichier CSS, un fichier js et un fichier de détails. (Le fichier de détails contiendra les liens de ressources externes).

J’ai trouvé un article sous le sujet ci-dessus. Là, je pourrais prendre le code complet. Je le mentionnerai.

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

  1. Ajoutez embedded / result / à la fin de l’URL JSFiddle que vous voulez récupérer.

  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 directement (nécessite Firefox).

  3. Enfin, sauvegardez la page dans votre format préféré (MHT, HTML, TXT, etc.) et voilà!

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

Ok, le plus simple, j’ai découvert que je changeais simplement l’URL (jsfiddle [point] net) en fiddle [dot] jshell [point] net / Il y a un code HTML clair, sans aucune sorte d’iframe … Exemple: https: // jsfiddle [point] net / mfvmoy64 / 27 / show / light / -> http: // violon [dot] jshell [dot] net / mfvmoy64 / 27 / show / light /

( Doit changer les ‘.’ En ‘[point] “à cause de stackeroverflow …: c ) PS: sry 4 bad english

Vous pouvez télécharger en utilisant ce paquet dans le noeud js,

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

essayez d’utiliser http://liveweave.com

Il a la fonctionnalité “Enregistrer” qui vous permet de télécharger le HTML (qui comprend essentiellement HTML, CSS et JavaScript). Il a aussi des numéros de ligne, ce qui n’est pas le cas de jsfiddle.

Ctrl + S , enregistre l’intégralité du violon, à l’intérieur du dossier de fichiers, il y a la page propre que vous recherchez

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

puis utilisez simplement la fonction inspect élément du navigateur. vous obtiendrez le code dans l’onglet iframe. . En chrome, cliquez avec le bouton droit de la souris et cliquez sur Modifier en tant qu’onglet HTML. et copiez le contenu HTML. c’est votre code actuel.