相信前端工程師應該都對JSFIDDLE不陌生
用來測試程式碼是個很好用的工具
但在JSFIDDLE中沒有內建console.log的輸出
對測試程式碼來說有時候還是有點不方便
於是
我們自己來寫一個吧,短短幾行程式碼就好了
以前曾經看過有人提過的idea
最近突然想到就馬上來寫
HTML block加入:
<div id="console"></div>
JavaScript block加入(必須加在使用console.log之前):
var console = {};
console.log = function(output){
$('#console').append(output+'<br/>');
};
之後就可以用console.log('What I want to output');的方式來寫
就跟平常一樣
Example: http://jsfiddle.net/7T9f3/1/
have fun
沒有留言:
張貼留言