Есть ли функция загрузки в jsFiddle?

новый ответ на старый вопрос:

Способ 1:

Шаг 1: вы должны поставить /show после URL вы работаете на:

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

он показывает вывод с заголовком результата.

Шаг 2: щелкните правой кнопкой мыши на нижней рамке и выберите Вид Кадра Источник. Вот и все. Вы получили html-код с онлайн-ссылками JS, CSS.

Просто Сохранить оно.

Например: http://jsfiddle.net/YRafQ/20/show/ для сайта http://jsfiddle.net/YRafQ/20/

Примечание: Вид Кадра Источник, а не Просмотр Исходного Кода Страницы

Способ 2:

вы можете использовать этот код: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

например: для моего fiddle_id:YRafQ/20

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

добавление / показать не представляет собой чистый исходный код, это встроенный рабочий пример. Чтобы отобразить его без каких-либо дополнительных скриптов, css и html, используйте:

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

пример: http://fiddle.jshell.net/Ua8Cv/show/light/

нет, JSFiddle не имеет функции загрузки. Тем не менее, это не очень трудно обойти это и сохранить содержимое скрипки в любом случае.

С момента публикации принятого ответа JSFiddle внес некоторые недавние изменения в пользовательский интерфейс и бэкэнд, которые влияют на способ загрузки скрипки. Обратите внимание на обновленные процедуры ниже.

---

Простой Метод Командной Строки

этот метод загружает только HTML, JavaScript и CSS скрипки как один файл. Внешние ресурсы скрипки не сохраняются.

в командной строке, как показано ниже, fiddle_id относится к идентификационному номеру скрипки. Для скрипки с URL"http://jsfiddle.net/<fiddle_user>/<fiddle_id>" или "http://jsfiddle.net/<fiddle_id>" только это. Элемент fiddle_user - это неважно.

в командной строке введите одну командную строку:

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

скрипка будет сохранена в файл с именем"fiddle_id.html".

---

Более Длинный Браузер Метод

этот метод загружает скрипку, а также ее внешние ресурсы. Приведенные шаги основаны на использовании Google Chrome. Использование других веб-браузеров также должно работать, но они могут использовать разные имена файлов.

1. выбираем "Share/Embed" меню / ссылка в верхней части страницы редактирования JSFiddle. В появившемся диалоговом окне скопируйте URL-адрес, указанный в поле"Share full screen result поле". Он будет иметь вид"http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/" или "http://jsfiddle.net/<fiddle_id>/embedded/result/".
2. откройте новый браузер окна и вставить в URL-адрес, скопированный на предыдущем шаге. Загрузите эту страницу.
3. используйте функцию сохранения Вашего браузера, чтобы сохранить страницу и все ее ресурсы на локальном компьютере. Чтобы сохранить все ресурсы с помощью Google Chrome, например, не забудьте выбрать "Webpage, Complete" в "Format меню". Обязательно укажите имя для страницы. Допустим, он называется"fiddle.html" для этого примера.
4. после сохранения страницы на вашем компьютере, вы будете иметь "fiddle.html файл" и каталог с именем "fiddle_files". Файл "fiddle.html " - это страница-оболочка, которую JSFiddle использует для отображения заголовка с заголовком "результат" и другими ссылками. Он загрузит вашу скрипку в элемент iframe. По большей части, этот файл может быть проигнорирован или даже удален. Содержимое HTML, JavaScript и CSS вашей скрипки будет сохранено в "fiddle_files" каталог в виде одного файла с именем "saved_resource.html".
5. копируем "fiddle_files/saved_resource.html" куда вы хотели бы использовать его. Если ваша скрипка включены элементы под "External Resources", они также появятся в "fiddle_files каталог". Обязательно скопируйте эти файлы в то же место, куда вы скопировали"saved_resource.html", потому что HTML-файл будет ссылаться на эти ресурсы, используя относительные URL-адреса.

как упоминалось ранее, другие браузеры могут называть файлы по-разному, когда они сохраняются. Например, Firefox называет объединенный файл HTML/JS / CSS"fiddle_files/a.html".

по-прежнему не поддерживается функция загрузки.. НО.. вы можете использовать jsfiddle-downloader скрипт узел.

установка:

npm install jsfiddle-downloader -g

скачать одиночная скрипка от своего id:

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

скачать одиночная скрипка из ее 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

скачать все скрипты определенного 'пользователя' от jsFiddle.net:

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

Это скачать все архивы в текущем каталоге, в jsFiddles скриптов будет называться:

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

лучший способ-это:

1. щелкните правой кнопкой мыши на панели "вывод".
2. выберите вид кадра источника, то весь код появится.

после этого вы можете скопировать этот код и вставьте его на свой компьютер.

вы должны поставить / показать после URL, над которым вы работаете:

например:

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

для поля URL:

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

после этого сохраните файл и перейдите в папку show(или имя файла, которое вы сохранили) в этой папке u получит html-файл show_resource.ФОРМАТ HTML.это ваш фактический файл.теперь откройте его в браузере и просмотрите исходный код. Удачи - - - - - - - - Уджвал Гупта

в недавней работе мне пришлось загрузить список URL-адресов fiddle и создать отдельную папку для каждой скрипки, имеющей отдельный файл html css js для каждого, я создал для этого следующую программу-обходчик. https://github.com/sguha-work/FiddleCrawler .Он создаст имя папки со значением счетчика, и каждая папка будет иметь html, css, js и файл сведений. (Файл детали содержит ссылки на внешние ресурсы).

Я нашел статью по вышеуказанной теме.Там я мог бы взять полный код .Я упомяну об этом.

вот шаги, упомянутые в статье:

1. добавить встроенный / результат/ в конце URL-адреса JSFiddle, который вы хотите захватить.

2. показать кадр или исходный код кадра: щелкните правой кнопкой мыши в любом месте страницы и просмотрите кадр на новой вкладке или источник сразу (требуется браузер Firefox).

3. наконец, сохраните страницу в предпочтительном формате (MHT, HTML, TXT и т. д.) и вуаля!

также вы можете найти его : https://sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/

ладно, самый простой способ, я узнал, что просто изменил url (jsfiddle [dot]net) на fiddle[dot]jshell [dot]net/ Там у вас есть четкий html-код, без каких-либо iframe... Образец: https://jsfiddle [точка]net / mfvmoy64 / 27 / show / light/ ->http://fiddle[dot]jshell [dot]net/mfvmoy64 / 27 / show/light/

(надо менять '."s в "[точка] " из-за stackeroverflow... : c) PS: sry 4 плохой английский

вы можете скачать с помощью этого пакета в узле js,

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

попробуйте использовать http://liveweave.com

Он имеет функцию "Сохранить", которая позволяет загружать HTML (который в основном включает HTML, CSS и JavaScript). Он также имеет номера строк, которые jsfiddle не делает.

Ctrl + S, сохраняет всю скрипку, внутри папки files есть чистая страница, которую вы ищете

использовать http://jsfiddle.net/ / show / light/

затем просто используйте функцию проверить элемент браузера. вы получите код на вкладке iframe. . в chrome просто щелкните правой кнопкой мыши и нажмите на вкладку Редактировать как html. и скопируйте содержимое html. это ваш фактический код.