33986


jsfiddle で公開されているサンプルソースがあるのですが、  
ライブラリのinclude方法や、onloadでの呼び出しなど、詳細まで  
理解しておきたいので、  
HTML全文をみたいのですが、どのようにすれば、そのような内容を見ることができるでしょうか？

jsfiddle には、まだアカウント登録していませんが、  
アカウント登録すれば可能でしょうか？

よろしくおねがいします。


CC BY-SA 3.0
2017-04-13T14:00:31.037
33985
2017-04-14T09:18:16.683
21047
question
javascript
jsfiddle で、HTML などの全文が欲しいのですが、どのようにすればよいでしょうか


JSFiddle自体にそのような機能は用意されていませんが、実行結果を表示している部分はインラインフレームなので、例えばChromeだと

  * 結果が表示されている部分を右クリックして「フレームのソースを表示」
  * 結果が表示されている部分を右クリック→検証などとして開発者ツールを開き、iframeタグまでさかのぼり、その直下にあるhtmlタグを右クリック→Copy→Copy outerHTML

[![画像の説明をここに入力](https://i.stack.imgur.com/ftM0f.png)](https://i.stack.imgur.com/ftM0f.png)

などの方法でHTMLを取得することができます。JSFiddle用に若干CSSやスクリプトが追加されているようですが、まあ見ればわかると思います。

一応スクリプトの読み込むタイミングなども指定はできますが、動けばいいというぐらいで書かれている可能性もあります。JSFiddleのサンプルの本命はHTML/JS/CSSのコード本体と考え、それ以外の部分はライブラリのドキュメントや、HTML形式で公開されているサンプルがないか確認してみるといいかもしれません。何もなければ、自由に読み込めばよいのでしょうし。

* * *

おまけ。URLのドメインを `jsfiddle.net` から `fiddle.jshell.net`
に変更して、以下のコードを開発者ツールのコンソールで実行すると、HTMLをコピーできます。やってることは上で説明したのと同じです。やっつけなのでいつまで動くかわかりませんが。

[code]

    copy(document.querySelector('iframe').contentDocument.documentElement.innerHTML)
    
[/code]


CC BY-SA 3.0
2017-04-13T14:19:23.280
33986
2017-04-13T14:30:01.627
2017-04-13T14:30:01.627
8000
8000
33985
answer


  * jsfiddleにログイン
  * fiddleを閲覧
  * Run
  * <https://jsfiddle.net/draft/> にアクセス

とすると、RESULT のみが表示されます


CC BY-SA 3.0
2017-04-14T07:19:09.683
34006
2017-04-14T09:18:16.683
2017-04-14T09:18:16.683
9796
9796
33985
answer