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

есть ли функция загрузки в jsFiddle, поэтому вы можете загрузить HTML с CSS, HTML и JS в одном файле, чтобы вы могли запустить его без jsFiddle для отладки?

14 ответов


Ok я узнал:

вы должны поставить /show после URL-адрес, вы работаете на:
http://jsfiddle.net//показать/
Это сайт, который показывает результаты.

и затем, когда вы сохраните его как файл. Все это в одном HTML-файле.

например:
http://jsfiddle.net/Ua8Cv/show/
для сайта http://jsfiddle.net/Ua8Cv


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

Способ 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/

Adding / show не представляет чистый исходный код, это встроенный рабочий пример. Чтобы отобразить его без каких-либо дополнительных скриптов, 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>" только это. The 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>]

Это загрузите все резервные копии в каталог currrent, скрипты 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.это ваш настоящий файл.теперь откройте его в браузере и просмотрите исходный код. Удачи!-------- Ujjwal Gupta


в недавней работе мне пришлось загрузить список URL-адресов скрипки и создать отдельную папку для каждой скрипки, имеющей отдельный файл 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) на скрипку[dot]jshell[dot] net/ Там у вас есть четкий html-код, без какого-либо iframe... Образец: https://jsfiddle [точка]net/mfvmoy64/27/показать/свет/ ->http://fiddle[точка]jshell [точка]net / mfvmoy64 / 27 / показать / свет/

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


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

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


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

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


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


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

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