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

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

ОТВЕТЫ

Ответ 2

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

Способ 1:

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

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/

Ответ 3

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

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

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

Ответ 4

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

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

Простой способ командной строки

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

В приведенной ниже командной строке fiddle_id ссылается на идентификационный номер скрипта. Для скрипки с URL-адресом "http://jsfiddle.net/<fiddle_user>/<fiddle_id>" или "http://jsfiddle.net/<fiddle_id>" требуется только 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. Использование других веб-браузеров должно работать также, но они могут использовать разные имена файлов.

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

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

Ответ 5

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

Установка

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

Ответ 6

Лучший способ:

  • Щелкните правой кнопкой мыши на панели вывода.
  • Выберите источник кадра просмотра, затем появится весь код.

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

Ответ 7

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

Например:

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

для URL-адреса поля:

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

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

Ответ 8

Шаг 1:
Перейти на страницу скрипки, как jsfiddle.net/oskar/v5893p61

Шаг 2:
Добавьте '/show' в конце URL, например, jsfiddle.net/oskar/v5893p61/show

Шаг 3:
Щелкните правой кнопкой мыши на странице и выберите " Просмотреть источник кадра". Вы получите код HTML, включающий CSS в теге и Javascript (js) в теге. Также будет добавлена ссылка на источник для всей библиотеки. Посмотреть скриншот

Шаг 4:
Теперь вы можете сохранить исходный код в файле .html.

Ответ 9

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

Ответ 10

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

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

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

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

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

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

Ответ 11

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

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

Ответ 12

Хорошо, самый простой способ, я узнал, просто изменил URL-адрес (jsfiddle [dot] net), чтобы играть [dot] jshell [dot] net/ Там у вас есть четкий html-код, без какого-либо iframe... Пример: https://jsfiddle[dot]nethttps://stackoverflow.com/mfvmoy64/27/show/light/ → http://fiddle[dot]jshell[dot]nethttps://stackoverflow.com/mfvmoy64/27/show/light/

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

Ответ 14

Существует npm-пакет jsfiddle-downloader.

Ответ 15

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

Ответ 16

Используйте http://jsfiddle.net//show/light/

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