Có một chức năng tải xuống trong jsFiddle?

Có chức năng tải xuống trong jsFiddle, vì vậy bạn có thể tải xuống HTML với CSS, HTML và JS trong một tệp, vì vậy bạn có thể chạy nó mà không cần jsFiddle cho mục đích gỡ lỗi?

Ok tôi đã tìm ra:

Bạn phải đặt /showsau URL bạn đang làm việc:
http://jsfiddle.net/<your_fiddle_id>/show/
Đây là trang web hiển thị kết quả.

Và sau đó khi bạn lưu nó dưới dạng một tập tin. Đó là tất cả trong một tệp HTML.

Ví dụ:
http://jsfiddle.net/Ua8Cv/show/
cho trang web http://jsfiddle.net/Ua8Cv

Câu trả lời mới cho một câu hỏi cũ:

Cách 1:

Bước 1 : Bạn phải đặt /showsau khi URLbạn đang làm việc:

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

Nó hiển thị đầu ra với một tiêu đề kết quả.

Bước 2 : Nhấp chuột phải vào khung dưới cùng và chọn Xem Nguồn khung . Đó là nó. Bạn đã nhận được mã html với các liên kết JS trực tuyến, CSS.

Chỉ cần lưu nó.

Ví dụ: http://jsfiddle.net/YRafQ/20/show/ cho trang web http://jsfiddle.net/YRafQ/20/

Lưu ý: Xem Nguồn khung và không xem Nguồn trang

Cách 2:

Bạn có thể sử dụng mã này: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

Ví dụ: Đối với fiddle_id của tôi: YRafQ/20

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

Thêm / hiển thị không hiển thị mã nguồn thuần túy, đây là một ví dụ hoạt động được nhúng. Để hiển thị nó mà không có bất kỳ tập lệnh, css và html bổ sung nào, hãy sử dụng:

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

Một ví dụ: http://fiddle.jshell.net/Ua8Cv/show/light/

Không, JSFiddle không có tính năng tải xuống. Tuy nhiên, không khó để vượt qua điều đó và lưu nội dung của một câu đố.

Kể từ thời điểm câu trả lời được chấp nhận được đăng, JSFiddle đã thực hiện một số thay đổi UI và phụ trợ gần đây ảnh hưởng đến cách tải xuống một câu đố. Lưu ý các thủ tục cập nhật dưới đây.

Phương pháp dòng lệnh đơn giản

Phương pháp này chỉ tải xuống HTML, JavaScript và CSS của fiddle dưới dạng một tệp. Tài nguyên bên ngoài của fiddle không được lưu.

Trong dòng lệnh được hiển thị dưới đây, fiddle_idđề cập đến số ID của fiddle. Đối với một câu đố với URL " http://jsfiddle.net/<fiddle_user>/<fiddle_id>" hoặc " http://jsfiddle.net/<fiddle_id>", chỉ fiddle_idcần là có. Điều fiddle_usernày là không quan trọng.

Tại dấu nhắc shell, nhập dòng lệnh đơn:

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

Fiddle sẽ được lưu vào một tập tin có tên " fiddle_id.html".

Phương pháp trình duyệt dài hơn

Phương pháp này tải xuống fiddle cũng như các tài nguyên bên ngoài của nó. Các bước được đưa ra dựa trên việc sử dụng Google Chrome. Sử dụng các trình duyệt web khác cũng sẽ hoạt động, nhưng chúng có thể sử dụng các tên tệp khác nhau.

1. Chọn Share/Embedtrình đơn / liên kết "" ở đầu trang chỉnh sửa JSFiddle. Trong hộp thoại xuất hiện, sao chép URL được hiển thị trong trường " Share full screen result". Nó sẽ có dạng " http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/" hoặc " http://jsfiddle.net/<fiddle_id>/embedded/result/".
2. Mở cửa sổ trình duyệt mới và dán URL được sao chép ở bước trước. Tải trang đó.
3. Sử dụng tính năng lưu của trình duyệt để lưu trang và tất cả tài nguyên của trình duyệt vào máy tính cục bộ của bạn. Ví dụ, để lưu tất cả các tài nguyên bằng Google Chrome, hãy đảm bảo chọn " Webpage, Complete" trong Formatmenu "". Hãy chắc chắn để chỉ định một tên cho trang. Hãy nói nó có tên " fiddle.html" cho ví dụ này.
4. Sau khi trang được lưu vào máy tính của bạn, bạn sẽ có fiddle.htmltệp "" và thư mục có tên " fiddle_files". Tệp " fiddle.html" là trang trình bao bọc mà JSFiddle sử dụng để hiển thị tiêu đề có tiêu đề "Kết quả" và các liên kết khác. Nó sẽ tải fiddle của bạn trong một phần tử iframe. Đối với hầu hết các phần, tập tin này có thể bị bỏ qua hoặc thậm chí xóa. Tất cả nội dung HTML, JavaScript và CSS của fiddle của bạn sẽ được lưu trong thư mục " fiddle_files" dưới dạng một tệp có tên " saved_resource.html".
5. Sao chép " fiddle_files/saved_resource.html" vào bất cứ nơi nào bạn muốn sử dụng nó. Nếu fiddle của bạn bao gồm các mục trong " External Resources", chúng cũng sẽ xuất hiện trong thư mục " fiddle_files". Đảm bảo sao chép các tệp đó vào cùng một nơi mà bạn đã sao chép " saved_resource.html", vì tệp HTML sẽ tham chiếu đến các tài nguyên đó bằng các URL tương đối.

Như đã đề cập trước đó, các trình duyệt khác có thể đặt tên cho các tệp khác nhau khi chúng được lưu. Ví dụ: Firefox đặt tên tệp HTML / JS / CSS kết hợp là " fiddle_files/a.html".

Vẫn không có chức năng tải xuống được hỗ trợ .. NHƯNG .. bạn có thể sử dụng tập lệnh nút jsfiddle-downloader .

Cài đặt :

npm install jsfiddle-downloader -g

Để tải xuống một fiddle duy nhất từ ​​id của nó :

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

Để tải xuống một câu đố từ url của nó :

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

Để tải xuống tất cả các tập lệnh của một 'người dùng' được xác định từ jsFiddle.net:

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

Nó sẽ tải xuống tất cả các bản sao lưu trong thư mục hiện tại, các tập lệnh jsFiddles sẽ được đặt tên là:

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

Bước 1:
Chuyển đến một trang fiddle nhưjsfiddle.net/oskar/v5893p61

Bước 2:
Thêm '/ hiển thị' ở cuối URL, nhưjsfiddle.net/oskar/v5893p61/show

Bước 3:
Nhấp chuột phải vào trang và nhấp vào Xem khung nguồn . Bạn sẽ nhận được mã HTML bao gồm CSS trong thẻ và Javascript (js) trong thẻ. [Ngoài ra liên kết nguồn của tất cả các thư viện sẽ được thêm vào]. Xem ảnh chụp màn hình

Bước 4:
Bây giờ bạn có thể lưu mã nguồn trong tệp .html.

Cách tốt nhất là:

1. Nhấp chuột phải vào bảng đầu ra.
2. Chọn xem nguồn khung, sau đó toàn bộ mã sẽ xuất hiện.

Sau đó, bạn có thể sao chép mã đó và dán nó vào máy tính của mình.

Trong một công việc gần đây tôi đã phải tải xuống một danh sách các url fiddle và tạo thư mục riêng cho mỗi câu đố có tệp js html css riêng cho mỗi, tôi đã tạo chương trình trình thu thập thông tin sau đây cho việc này. https://github.com/sguha-work/FiddleCrawler . Nó sẽ tạo tên thư mục với giá trị truy cập và mỗi thư mục sẽ có html, css, js và tệp chi tiết. (Tệp chi tiết sẽ giữ các liên kết của các tài nguyên bên ngoài).

Tôi tìm thấy một bài viết theo chủ đề trên. Ở đây tôi có thể lấy mã đầy đủ. Tôi sẽ đề cập đến nó.

Dưới đây là các bước được đề cập trong bài viết:

1. Thêm nhúng / kết quả / vào cuối URL JSFiddle mà bạn muốn lấy.

2. Hiển thị khung hoặc mã nguồn của khung: nhấp chuột phải vào bất kỳ đâu trong trang và xem khung trong tab mới hoặc nguồn ngay lập tức (yêu cầu Firefox).

3. Cuối cùng, lưu trang ở định dạng ưa thích của bạn (MHT, HTML, TXT, v.v.) và voilà!

bạn cũng có thể tìm thấy nó: https://sirusdark.wordpress.com/2014/04/10/how-to-save-and-doad-jsfiddle-code/

Bạn có thể tải xuống bằng gói này trong nút js,

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

Bạn phải đặt / hiển thị sau khi URL bạn đang làm việc:

Ví dụ:

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

cho URL trường:

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

sau đó lưu tệp và vào thư mục hiển thị (hoặc tên tệp bạn đã lưu) trong thư mục đó, bạn sẽ nhận được tệp html show_resource.HTML. đó là tệp thực tế của bạn. Hãy mở tệp trong trình duyệt và xem mã nguồn . Chúc may mắn -------- Ujjwal Gupta

Được rồi, cách dễ nhất, tôi phát hiện ra là chỉ cần thay đổi url (jsfiddle [dot] net) thành fiddle [dot] jshell [dot] net / Bạn có mã html rõ ràng, không có bất kỳ loại iframe nào ... Ví dụ: https: // jsfiddle [chấm] net / mfvmoy64 / 27 / chương trình / ánh sáng / -> http: // fiddle [dot] jshell [dot] net / mfvmoy64 / 27 / show / light /

( Phải thay đổi '.' 'S thành "[dot]" vì stackeroverflow ...: c ) PS: sry 4 bad english

Không có cách nào phù hợp để tải xuống tất cả mọi thứ cùng nhau từ JSFiddle nhưng có một cách hack để làm điều đó. Chỉ cần thêm "nhúng /" hoặc "nhúng / kết quả /" vào cuối URL JSFiddle của bạn!, Và sau đó bạn có thể lưu toàn bộ trang dưới dạng tệp HTML + các thư viện bên ngoài (nếu bạn muốn).

Có gói npm jsfiddle-downloader.

Sử dụng http://jsfiddle.net/ / show / light /

sau đó chỉ cần sử dụng chức năng kiểm tra phần tử của trình duyệt. bạn sẽ nhận được mã trong tab iframe. . trong chrome chỉ cần nhấp chuột phải và nhấp vào chỉnh sửa dưới dạng tab html. và sao chép nội dung html. đó là mã thực tế của bạn

Ctrl+ S, lưu toàn bộ fiddle, bên trong thư mục tập tin có trang sạch bạn đang tìm kiếm