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?
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?
Respostas:
Ok, eu descobri:
Você deve colocar /show
um 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
http://jsfiddle.net/Ua8Cv
se você apenas digitar o extra /show
na barra de endereço e pressionar Enter (seguido pelo navegador mostrar o código-fonte) para obter a fonte.
<a class="aiButton" id="showjscode" title="Show JavaScript code" href="#showjs"><span class="icon-pencil"></span>Show JS</a>
. Ele não faz nada, mas talvez está chegando
/show
, salve a página completa e procure a pasta que termina com _files
, dentro deve haver um .html
arquivo com o código-fonte do exemplo.
Nova resposta para uma pergunta antiga:
Método 1:
Etapa 1 : você deve colocar /show
depois do URL
trabalho:
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/
Result
no cabeçalho?
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.
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_id
refere-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_id
necessário. O fiddle_user
nã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
".
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.
Share/Embed
menu / 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 result
campo " ". Será da forma " http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/
" ou " http://jsfiddle.net/<fiddle_id>/embedded/result/
".Webpage, Complete
" no Format
menu " ". Certifique-se de especificar um nome para a página. Digamos que seja nomeado " fiddle.html
" para este exemplo.fiddle.html
arquivo " " 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_files
diretório " " como um único arquivo chamado " saved_resource.html
".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_files
diretó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.
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:
Adicione incorporado / resultado / no final da URL do JSFiddle que você deseja pegar.
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).
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,
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).
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