fireBug 사용법

자바스크립트를 사용하다 보니 디버깅시 alert으로만 하기에는 너무 고된 길이 예상되어서

fireBug사용법을 검색하여 보았습니다.

역시 구글에 없는 내용은 없더군요^^

아래 사이트에 기본적인 내용이 잘 정리된 것 같습니다.

http://www.seifi.org/javascript/firebug_tips_and_tricks.html

console.log보기

로그 레벨에 따라 info, debug, error, log중에서 골라서 사용하면 된다.

파이어 폭스에서 이렇게 보임.

코드 실행에 걸리는 시간체크하기

console.time으로 시작을 알리고 테스트 코드를 넣은 후 console.timeEnd()로 닫아준다.

함수단위도 체크가 가능한지 함수 이름을 넣어봤지만 안되더군요.

결과화면

프로파일 명령 사용 코드

while문과 for문을 실행하는 프로파일을 만들어 봤습니다.

console.profile()로 시작하고 마지막에 console.profileEnd()를 사용하면 됩니다.

프로파일 결과

호출 횟수, 시간, 평균시간 등등 코드에 대한 프로파일 분석결과가 화면에 표시됩니다.

크롬에서도 log, profile등은 지원이 되는 것 같더군요.

이 외에도 commandAPI를 이용해 console창에서 돔요소를 탐색하는 기능이 있는데

이 부분은 다음에 기회되면^^

출처 : http://chaospace.tistory.com/