Is there a download function in jsFiddle?

前端 未结 16 2655
小鲜肉
小鲜肉 2020-12-02 03:37

Is there a download function in jsFiddle, so you can download an HTML with the CSS, HTML and JS in one file, so you can run it without jsFiddle for debug purposes?

相关标签:
16条回答
  • 2020-12-02 04:27

    Okay, the easiest way, I found out was just changing the url (jsfiddle[dot]net) to fiddle[dot]jshell[dot]net/ There u have a clear html code, without any kind of iframe... Example: https://jsfiddle[dot]net/mfvmoy64/27/show/light/ -> http://fiddle[dot]jshell[dot]net/mfvmoy64/27/show/light/

    (Must change the '.''s to "[dot]" because of stackeroverflow... :c) PS: sry 4 bad english

    0 讨论(0)
  • 2020-12-02 04:28

    New answer to an old question:

    Method 1:

    Step 1: You have to put /show after the URL you are working on:

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

    It shows the output with a result header.

    Step 2: Right click the bottom frame and select View Frame Source. That's it. You got the html code with online JS links, CSS.

    Just Save it.

    For Example: http://jsfiddle.net/YRafQ/20/show/ for the site http://jsfiddle.net/YRafQ/20/

    Note: View Frame Source and not View Page Source

    Method 2:

    You can use this code: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

    For Example: For my fiddle_id: YRafQ/20

    view-source:http://fiddle.jshell.net/YRafQ/20/show/light/
    
    0 讨论(0)
  • 2020-12-02 04:29

    Ok I found out:

    You have to put /show a after the URL you're working on:
    http://jsfiddle.net/<your_fiddle_id>/show/
    It is the site that shows the results.

    And then when you save it as a file. It is all in one HTML-file.

    For example:
    http://jsfiddle.net/Ua8Cv/show/
    for the site http://jsfiddle.net/Ua8Cv

    0 讨论(0)
  • 2020-12-02 04:29

    There is npm-package jsfiddle-downloader.

    0 讨论(0)
  • 2020-12-02 04:30

    Ctrl + S, saves the entire fiddle, inside the files folder there is the clean page you are looking for

    0 讨论(0)
  • 2020-12-02 04:31

    There is not such a proper way to download all the things all together from JSFiddle but there is a hack way to do just that. Simply add "embedded/" or "embedded/result/" at the end of your JSFiddle URL!, and then you can save the whole page as an HTML file + the external libraries (if you wants).

    0 讨论(0)
提交回复
热议问题