JsFiddle에서 firebug 사용하기

jsfiddle에서 firebug 사용하기

jsfiddle에서 파이어버그 사용하기

1 방법 1

• jsfiddle 왼쪽 External Resources에 아래 주소 넣고 [+] 버튼 클릭

https://getfirebug.com/releases/lite/latest/firebug-lite.js

2 방법 2

• 소스코드 내에 아래 코드 중 하나 삽입

<script src='//getfirebug.com/releases/lite/latest/firebug-lite.js'></script>

<script src='//cdnjs.cloudflare.com/ajax/libs/firebug-lite/1.4.0/firebug-lite.js'></script>

<script src="//getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script>

3 예시 1

• Frameworks & Extensions: jQuery 2.1.3
• External Resource: //getfirebug.com/releases/lite/latest/firebug-lite.js

var arr1 = ['a', 'b'];
var arr2 = ['c', 'd', 'e'];
Array.prototype.push.apply(arr1, arr2);
console.log( arr1 );
// ["a", "b", "c", "d", "e"]

4 예시 2

<script src="//getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script>
<script>
firebug.env.height = 400;
for (i = 0; i < 16; i++) {
    console.log('i = ' + i);
}
</script>

5 같이 보기

• jsfiddle
• 파이어버그

6 참고

• http://www.jimfmunro.com/programming/how-to-show-firebug-console-jsfiddle/