Есть ли функция загрузки в 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/
нет, 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. Использование других веб-браузеров также должно работать, но они могут использовать разные имена файлов.
- выбираем "
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
".
по-прежнему не поддерживается функция загрузки.. НО.. вы можете использовать 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
лучший способ-это:
- щелкните правой кнопкой мыши на панели "вывод".
- выберите источник рамки просмотра, затем появится весь код.
после этого вы можете скопировать этот код и вставьте его на свой компьютер.
вы должны поставить /показать после 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 и файл сведений. (Файл сведений будет содержать ссылки внешних ресурсов).
Я нашел статью по вышеуказанной теме.Там я мог взять полный код .Я упомяну об этом.
вот шаги, упомянутые в статье:
добавить встроенный / результат/ в конце URL-адреса JSFiddle, который вы хотите захватить.
показать фрейм или исходный код фрейма: щелкните правой кнопкой мыши в любом месте страницы и просмотрите фрейм на новой вкладке или в источнике сразу (требуется браузер Firefox).
наконец, сохраните страницу в предпочтительном формате (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 плохой английский
попробуйте использовать http://liveweave.com
Он имеет функцию "Сохранить", которая позволяет загружать HTML (который в основном включает HTML, CSS и JavaScript). Он также имеет номера строк, которых нет в jsfiddle.
использовать http://jsfiddle.net/ / показать / свет/
затем просто используйте функцию элемента inspect браузера. вы получите код на вкладке iframe. . в chrome просто щелкните правой кнопкой мыши и cick на вкладке "редактировать как html". и скопируйте содержимое html. это ваш настоящий код.