JSFiddleを使うときの小技

JSFiddleで最近知ったこと。

Log

console.logなどで出力を見たい場合、Developerツールを開いていたのですが、FrameworkでjQueryのedgeを選択するとオプションとしてFirebugs Liteをロードできます。ResultペインにFirebugsnが表示されるようになります。

ページに埋め込むときの表示設定

ページに埋め込むときのiframeのsrc属性のURLでページ上に表示する際の設定ができます。以下のようにすると、HTML > CSS > JavaScript > Resultになります。

<iframe width="100%" height="300" src="//jsfiddle.net/daigo3/ydsmjLye/embedded/js,html,css,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>  

JavaScriptとResultだけにしたければ、.../embeded/js,resultのようにします。