Esiste una funzione di download in jsFiddle?

Esiste una funzione di download in jsFiddle, quindi puoi scaricare un HTML con CSS, HTML e JS in un unico file, quindi puoi eseguirlo senza jsFiddle a scopo di debug?

Ok ho scoperto:

Devi mettere /show un dopo l’URL su cui stai lavorando:
http://jsfiddle.net//show/
È il sito che mostra i risultati.

E poi quando lo salvi come un file. È tutto in un unico file HTML.

Per esempio:
http://jsfiddle.net/Ua8Cv/show/
per il sito http://jsfiddle.net/Ua8Cv

Nuova risposta a una vecchia domanda:

Metodo 1:

Passo 1 : Devi mettere /show dopo l’ URL cui stai lavorando:

 http://jsfiddle.net//show/ 

Mostra l’output con un’intestazione di risultato.

Passaggio 2 : fare clic con il pulsante destro del mouse sul riquadro inferiore e selezionare Visualizza origine frame . Questo è tutto. Hai ottenuto il codice html con i link JS online, CSS.

Basta salvarlo.

Ad esempio: http://jsfiddle.net/YRafQ/20/show/ per il sito http://jsfiddle.net/YRafQ/20/

Nota: Visualizza origine frame e non Visualizza origine pagina

Metodo 2:

È ansible utilizzare questo codice: view-source:http://fiddle.jshell.net//show/light/

Ad esempio: Per my fiddle_id: YRafQ/20

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

Aggiungere / mostrare non presenta un puro codice sorgente, è un esempio di lavoro incorporato. Per visualizzarlo senza script aggiuntivi, css e html, utilizzare:

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

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

No, JSFiddle non ha una funzione di download. Tuttavia, non è molto difficile aggirarlo e salvare comunque il contenuto di un violino.

Dal momento in cui è stata pubblicata la risposta accettata, JSFiddle ha apportato alcune recenti modifiche all’interfaccia utente e al backend che influiscono sul modo in cui un violino deve essere scaricato. Nota le procedure aggiornate di seguito.


Metodo semplice della linea di comando

Questo metodo scarica solo l’HTML, il JavaScript e il CSS del violino come un singolo file. Le risorse esterne del violino non vengono salvate.

Nella riga di comando mostrata di seguito, fiddle_id fa riferimento al numero ID del violino. Per un violino con l’URL ” http://jsfiddle.net// ” o ” http://jsfiddle.net/ “, è necessario solo il fiddle_id . Il fiddle_user non è importante.

Al prompt della shell, immettere la singola riga di comando:

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

Il violino sarà salvato in un file chiamato ” fiddle_id.html “.


Metodo browser più lungo

Questo metodo scarica il violino e le sue risorse esterne. I passaggi indicati si basano sull’utilizzo di Google Chrome. Anche l’utilizzo di altri browser Web dovrebbe funzionare, ma potrebbero utilizzare nomi file diversi.

  1. Seleziona il menu / collegamento ” Share/Embed ” nella parte superiore della pagina di modifica di JSFiddle. Nella finestra di dialogo che appare, copia l’URL mostrato nel campo ” Share full screen result “. Sarà del formato ” http://jsfiddle.net///embedded/result/ ” o ” http://jsfiddle.net//embedded/result/ “.
  2. Apri una nuova finestra del browser e incolla l’URL copiato nel passaggio precedente. Carica quella pagina
  3. Usa la funzione di salvataggio del tuo browser per salvare la pagina e tutte le sue risorse sul tuo computer locale. Ad esempio, per salvare tutte le risorse utilizzando Google Chrome, assicurati di selezionare ” Webpage, Complete ” nel menu ” Format “. Assicurati di specificare un nome per la pagina. Diciamo che è chiamato ” fiddle.html ” per questo esempio.
  4. Dopo che la pagina è stata salvata sul tuo computer, avrai il file ” fiddle.html ” e una directory chiamata ” fiddle_files “. Il file ” fiddle.html ” è la pagina wrapper che JSFiddle utilizza per visualizzare un’intestazione con un titolo “Risultato” e altri collegamenti. Caricherà il tuo violino in un elemento iframe. Per la maggior parte, questo file può essere ignorato o addirittura cancellato. I contenuti HTML, JavaScript e CSS del tuo violino verranno tutti salvati nella directory ” fiddle_files ” come un singolo file denominato ” saved_resource.html “.
  5. Copia ” fiddle_files/saved_resource.html ” ovunque desideri utilizzarlo. Se il tuo violino include elementi in ” External Resources “, anche quelli appariranno nella directory ” fiddle_files “. Assicurati di copiare quei file nello stesso posto in cui hai copiato ” saved_resource.html “, perché il file HTML farà riferimento a tali risorse utilizzando gli URL relativi.

Come accennato in precedenza, altri browser possono nominare i file in modo diverso quando vengono salvati. Ad esempio, Firefox nomina il file HTML / JS / CSS fiddle_files/a.htmlfiddle_files/a.html “.

Ancora nessuna funzionalità di download supportata .. MA .. puoi usare lo script del nodo jsfiddle-downloader .

Installazione :

 npm install jsfiddle-downloader -g 

Per scaricare un singolo violino dal suo id :

 jsfiddle-downloader -i  [-o ] 

Per scaricare un singolo violino dall’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 

Per scaricare tutti gli script di un determinato utente da jsFiddle.net:

 jsfiddle-downloader -u  [-o ] 

Scaricherà tutti i backup nella directory currrent, gli script jsFiddles saranno denominati come:

 [/].html 

Il modo migliore è:

  1. Fare clic con il tasto destro sul pannello di output.
  2. Scegli la sorgente del frame di visualizzazione, quindi apparirà l’intero codice.

Dopodiché puoi copiare quel codice e incollarlo nel tuo computer.

Devi mettere / mostrare un dopo l’URL su cui stai lavorando:

Per esempio:

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

per l’URL del campo:

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

dopodiché salva il file e vai alla cartella show (o al nome del file che hai salvato con) sotto quella cartella avrai un file html show_resource.HTML. che è il tuo file attuale. ora aprilo nel browser e guarda il codice sorgente . Buona fortuna ——– Ujjwal Gupta

In un lavoro recente ho dovuto scaricare un elenco di URL fiddle e creare una cartella separata per ogni violino con un file js css js separato per ognuno, ho creato il seguente programma crawler per questo. https://github.com/sguha-work/FiddleCrawler . Creerà il nome della cartella con il valore del contatore e ogni cartella avrà un html, un css, un js e un file di dettagli. (Il file dei dettagli contiene i collegamenti delle risorse esterne).

Ho trovato un articolo sotto l’argomento sopra. Da lì ho potuto prendere il codice completo. Ne parlerò.

Ecco i passaggi menzionati nell’articolo:

  1. Aggiungi incorporato / risultato / alla fine dell’URL JSFiddle che vuoi afferrare.

  2. Mostra il frame o il codice sorgente del frame: fai clic con il pulsante destro del mouse in qualsiasi punto della pagina e visualizza il frame in una nuova scheda o nella sorgente immediatamente (richiede Firefox).

  3. Infine, salva la pagina nel formato preferito (MHT, HTML, TXT, ecc.) E voilà!

puoi anche trovarlo: https://sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/

Okay, il modo più semplice, ho scoperto è stato solo cambiando l’url (jsfiddle [punto] net) per fiddle [punto] jshell [punto] net / Ci hai un chiaro codice html, senza alcun tipo di iframe … Esempio: https: // jsfiddle [punto] net / mfvmoy64 / 27 / show / light / -> http: // fiddle [punto] jshell [punto] net / mfvmoy64 / 27 / show / light /

( Deve cambiare da “.” A “[punto]” a causa di stackeroverflow …: c ) PS: sry 4 male inglese

Puoi scaricare usando questo pacchetto nel nodo js,

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

prova a utilizzare http://liveweave.com

Ha una funzionalità “Salva” che ti permette di scaricare l’HTML (che in pratica include HTML, CSS e JavaScript). Ha anche i numeri di riga, che jsfiddle non ha.

Ctrl + S , salva l’intero violino, all’interno della cartella dei file c’è la pagina pulita che stai cercando

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

quindi basta usare ispeziona la funzione elemento del browser. riceverai il codice nella scheda iframe. . in chrome basta fare clic destro e cick su modifica come scheda html. e copia il contenuto html. questo è il tuo codice reale.