티스토리 뷰

일반적으로 javascript 디버깅시에는 alert()를 주로 사용하게 되지만, alert를 실행 하는 순간 script가 멈추기
때문에 디버깅이 어려운 경우가 있다.
이런 단점을 극복할 수 있는 유용한 Javascript 디버깅 엔진을 소개 한다.

이름하여 blackbird(http://www.gscottolson.com/blackbirdjs/).



사용방법은 압축파일을 풀어서 blackbird.css, blackbird.js, blackbird_panel.png, blackbird_icons.png 파일을 웹폴더에 복사한 후 소스코드 각각 아래 처럼 추가 하고(물론 href 및 src 경로는 본인의 웹폴더 경로로 줘야 한다),

<link type="text/css" rel="Stylesheet" href="/blackbird.css" />
<script type="text/javascript" src="/blackbird.js"></script>

javascript로 다음과 같이 디버깅을 할 수 있다.

log.debug( 'this is a debug message' );
log.info( 'this is an info message' );
log.warn( 'this is a warning message' );
log.error( 'this is an error message' );


* 주의: 여기 까지가 홈페이지에 소개된 내용인데, 사실 이대로 해보면 Javascript 오류가 나면서 동작을 하지 않는다.
반드시 아래와 같이 DTD선언을 해줘야 한다(이것 찾느라 애 먹었음).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

또한 처음에 디버깅 판넬이 나타나지 않으면 F2를 누르면 된다.



댓글
댓글쓰기 폼