Existe uma função de download no jsFiddle?

Existe uma função de download no jsFiddle, para que você possa baixar um HTML com o CSS, HTML e JS em um arquivo, para poder executá-lo sem o jsFiddle para fins de depuração?

Ok, eu descobri:

Você deve colocar /showum após a URL em que está trabalhando:
http://jsfiddle.net/<y_de_id_de_projeto>/show/
É o site que mostra os resultados.

E então, quando você salvá-lo como um arquivo. É tudo em um arquivo HTML.

Por exemplo:
http://jsfiddle.net/Ua8Cv/show/
para o site http://jsfiddle.net/Ua8Cv

Nova resposta para uma pergunta antiga:

Método 1:

Etapa 1 : você deve colocar /showdepois do URLtrabalho:

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

Ele mostra a saída com um cabeçalho de resultado.

Etapa 2 : Clique com o botão direito do mouse no quadro inferior e selecione Exibir fonte do quadro . É isso aí. Você obteve o código html com links JS online, CSS.

Apenas salve.

Por exemplo: http://jsfiddle.net/YRafQ/20/show/ para o site http://jsfiddle.net/YRafQ/20/

Nota: Exibir fonte do quadro e não exibir fonte da página

Método 2:

Você pode usar este código: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

Por exemplo: Para o meu fiddle_id: YRafQ/20

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

Adicionar / mostrar não apresenta um código fonte puro, é um exemplo de trabalho incorporado. Para exibi-lo sem nenhum script adicional, css e html, use:

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

Um exemplo: http://fiddle.jshell.net/Ua8Cv/show/light/

Não, o JSFiddle não possui um recurso de download. No entanto, não é muito difícil contornar isso e salvar o conteúdo de um violino de qualquer maneira.

Desde o momento em que a resposta aceita foi postada, o JSFiddle fez algumas alterações recentes na interface do usuário e no backend que afetam a maneira como o violino deve ser baixado. Observe os procedimentos atualizados abaixo.

Método de linha de comando simples

Esse método baixa apenas o HTML, JavaScript e CSS do violino como um único arquivo. Os recursos externos do violino não são salvos.

Na linha de comando mostrada abaixo, fiddle_idrefere-se ao número de identificação do violino. Para um mexer com o URL " http://jsfiddle.net/<fiddle_user>/<fiddle_id>" ou " http://jsfiddle.net/<fiddle_id>", apenas o fiddle_idnecessário. O fiddle_usernão é importante.

Em um prompt do shell, digite a única linha de comando:

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

O violino será salvo em um arquivo chamado " fiddle_id.html".

Método mais longo do navegador

Este método baixa o violino, bem como seus recursos externos. As etapas fornecidas são baseadas no uso do Google Chrome. O uso de outros navegadores da Web também deve funcionar, mas eles podem usar nomes de arquivos diferentes.

1. Selecione o Share/Embedmenu / link " " na parte superior da página de edição do JSFiddle. Na caixa de diálogo exibida, copie o URL mostrado no Share full screen resultcampo " ". Será da forma " http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/" ou " http://jsfiddle.net/<fiddle_id>/embedded/result/".
2. Abra uma nova janela do navegador e cole o URL copiado na etapa anterior. Carregue essa página.
3. Use o recurso de salvar do navegador para salvar a página e todos os seus recursos no computador local. Para salvar todos os recursos usando o Google Chrome, por exemplo, selecione " Webpage, Complete" no Formatmenu " ". Certifique-se de especificar um nome para a página. Digamos que seja nomeado " fiddle.html" para este exemplo.
4. Após a página ser salva no seu computador, você terá o fiddle.htmlarquivo " " e um diretório chamado " fiddle_files". O arquivo " fiddle.html" é a página do wrapper que o JSFiddle usa para exibir um cabeçalho com o título "Resultado" e outros links. Ele carregará seu violino em um elemento iframe. Na maioria das vezes, esse arquivo pode ser ignorado ou até excluído. O conteúdo HTML, JavaScript e CSS do violino será salvo no fiddle_filesdiretório " " como um único arquivo chamado " saved_resource.html".
5. Copie " fiddle_files/saved_resource.html" para onde você quiser usá-lo. Se o seu violino incluiu itens em " External Resources", eles também aparecerão no fiddle_filesdiretório " ". Certifique-se de copiar esses arquivos no mesmo local para o qual você copiou " saved_resource.html", porque o arquivo HTML fará referência a esses recursos usando URLs relativos.

Como mencionado anteriormente, outros navegadores podem nomear os arquivos de maneira diferente quando eles são salvos. Por exemplo, o Firefox nomeia o arquivo HTML / JS / CSS combinado " fiddle_files/a.html".

Ainda não há funcionalidade de download suportada. MAS .. você pode usar o script do nó jsfiddle-downloader .

Instalação :

npm install jsfiddle-downloader -g

Para baixar um único violino a partir do seu ID :

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

Para baixar um único violino de seu 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

Para baixar todos os scripts de um 'usuário' determinado do jsFiddle.net:

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

Ele fará o download de todos os backups no diretório atual, os scripts jsFiddles serão nomeados como:

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

Etapa 1:
acesse uma página de violino comojsfiddle.net/oskar/v5893p61

Etapa 2:
adicione '/ show' no final do URL, comojsfiddle.net/oskar/v5893p61/show

Etapa 3:
Clique com o botão direito do mouse na página e clique na fonte do quadro Exibir . Você receberá o código HTML, incluindo CSS na tag e Javascript (js) na tag. [Também será adicionado o link de origem de toda a biblioteca]. Veja a captura de tela

Etapa 4:
Agora você pode salvar o código-fonte em um arquivo .html.

A melhor maneira é:

1. Clique com o botão direito do mouse no painel de saída.
2. Escolha a fonte do quadro de exibição e o código inteiro aparecerá.

Depois disso, você pode copiar esse código e colá-lo no seu computador.

Em um trabalho recente, eu tive que baixar uma lista de URLs de violino e criar uma pasta separada para cada violino com um arquivo hsml css js separado para cada um, criei o seguinte programa de rastreamento para isso. https://github.com/sguha-work/FiddleCrawler . Ele criará o nome da pasta com o valor do contador e cada pasta terá um arquivo html, css, js e detalhes. (O arquivo de detalhes mantém os links de recursos externos).

Eu encontrei um artigo sob o tópico acima. Lá, eu poderia pegar o código completo.

Aqui estão as etapas mencionadas no artigo:

1. Adicione incorporado / resultado / no final da URL do JSFiddle que você deseja pegar.

2. Mostrar o quadro ou o código-fonte do quadro: clique com o botão direito do mouse em qualquer lugar da página e visualize o quadro em uma nova guia ou a fonte imediatamente (requer Firefox).

3. Por fim, salve a página no seu formato preferido (MHT, HTML, TXT, etc.) e pronto!

também você pode encontrá-lo: https://sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/

Você pode fazer o download usando este pacote no nó js,

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

Você precisa colocar / mostrar um após o URL no qual está trabalhando:

Por exemplo:

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

para URL do campo:

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

depois disso, salve o arquivo e vá para a pasta show (ou o nome do arquivo com o qual você salvou) nessa pasta, você receberá um arquivo html show_resource.HTML. esse é o seu arquivo real. agora abra-o no navegador e visualize o código-fonte . Boa sorte -------- Ujjwal Gupta

Ok, da maneira mais fácil, descobri que estava apenas alterando o URL (jsfiddle [dot] net) para violar [dot] jshell [dot] net / Você tem um código html claro, sem nenhum tipo de iframe ... Exemplo: https: // jsfiddle [ponto] net / mfvmoy64 / 27 / show / light / -> http: // fiddle [ponto] jshell [dot] net / mfvmoy64 / 27 / show / light /

(É necessário alterar os '.' 'Para "[ponto]" por causa do stackeroverflow ...: c ) PS: sry 4

Não existe uma maneira adequada de baixar todas as coisas do JSFiddle, mas existe uma maneira de fazer isso. Simplesmente adicione "incorporado /" ou "incorporado / resultado /" no final do seu URL JSFiddle !, e então você poderá salvar a página inteira como um arquivo HTML + as bibliotecas externas (se desejar).

Existe o pacote npm jsfiddle-downloader.

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

basta usar a função de elemento inspecionar do navegador. você receberá código na guia iframe. . no chrome, clique com o botão direito do mouse e clique em editar como guia html. e copie o conteúdo html. esse é o seu código real.

Ctrl+ S, salva o violino inteiro; dentro da pasta de arquivos, há a página limpa que você está procurando