Чи є функція завантаження в jsFiddle?

Чи є у jsFiddle функція завантаження, тож ви можете завантажити HTML з CSS, HTML та JS в один файл, щоб ви могли запустити його без jsFiddle для цілей налагодження?

Гаразд я дізнався:

Потрібно ввести /showпісля URL-адреси, над якою ви працюєте:
http://jsfiddle.net/<your_fiddle_id>/show/
Це результат, який показує результати.

І тоді, коли ви збережете його як файл. Це все в одному 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/

Додавання / показ не містить чистого вихідного коду, це вбудований робочий приклад. Щоб відобразити його без додаткових скриптів, 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_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:
Перейдіть до подібної сторінкиjsfiddle.net/oskar/v5893p61

Крок 2.
Додайте "/ показати" в кінці URL-адреси, як-отjsfiddle.net/oskar/v5893p61/show

Крок 3:
Клацніть правою кнопкою миші на сторінці та натисніть на Переглянути джерело кадру . Ви отримаєте HTML-код, включаючи CSS в тезі та Javascript (js) в тегу. [Також буде додано джерельне посилання всієї бібліотеки]. Дивіться скріншот

Крок 4:
Тепер ви можете зберегти вихідний код у файлі .html.

Найкращий спосіб:

1. Клацніть правою кнопкою миші на панелі виводу.
2. Виберіть джерело кадру перегляду, тоді з'явиться весь код.

Після цього ви можете скопіювати цей код і вставити його на комп'ютер.

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

Я знайшов статтю під вищевказаною темою. Я міг би взяти повний код. Я згадаю його.

Ось етапи, згадані в статті:

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

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

3. Нарешті, збережіть сторінку у бажаному форматі (MHT, HTML, TXT тощо) та voilà!

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

Ви можете завантажити цей пакет за допомогою вузла js,

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

Ви повинні поставити / показати після URL-адреси, над якою працюєте:

Наприклад:

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

для поля поля:

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

після цього збережіть файл і перейдіть у папку show (або ім’я файлу, яке ви зберегли) під цією папкою u, ви отримаєте файл html show_resource.HTML .це ваш власний файл.відкрийте його у браузері та перегляньте вихідний код . Найкраща удача -------- Ujjwal Gupta

Гаразд, найпростіший спосіб, я з'ясував, це просто зміна URL-адреси (jsfiddle [крапка] net) на скрипку [dot] jshell [dot] net / Там у вас чіткий код HTML, без будь-якого iframe ... Приклад: https: // jsfiddle [крапка] net / mfvmoy64 / 27 / шоу / світло / -> http: // fiddle [dot] jshell [dot] net / mfvmoy64 / 27 / show / light /

( Потрібно змінити '.' 'На' [крапка] 'через stackeroverflow ...: c ) PS: sry 4 погана англійська

Існує не такий правильний спосіб завантажувати всі речі разом з JSFiddle, але є хакерський спосіб зробити саме це. Просто додайте "вбудований /" або "вбудований / результат /" в кінці вашої URL-адреси JSFiddle !, і тоді ви можете зберегти всю сторінку як HTML-файл + зовнішні бібліотеки (якщо хочете).

Є npm-пакет jsfiddle-downloader.

Використовуйте http://jsfiddle.net/ / show / light /

то просто використовуйте функцію перевірки елемента браузера. ви отримаєте код на вкладці iframe. . у хромі просто натисніть правою кнопкою миші та натисніть на редагувати як вкладку html. і скопіюйте вміст html. це ваш фактичний код.

Ctrl+ S, зберігає всю скрипку, всередині папки файлів є чиста сторінка, яку ви шукаєте