반응형
일반적으로 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를 누르면 된다.
때문에 디버깅이 어려운 경우가 있다.
이런 단점을 극복할 수 있는 유용한 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를 누르면 된다.
blackbirdjs-1.0.zip반응형
'개발정보' 카테고리의 다른 글
| Delphi 7을 Windows 7 에서 돌리기 (0) | 2010.11.18 |
|---|---|
| Visual Web Developer 2005 Express Edition 사용기 (0) | 2010.11.16 |
| [SQL서버] SP 결과를 테이블에 저장하기 (0) | 2010.04.06 |
| HTML Submit 버튼 OnClick 이벤트 (0) | 2010.04.06 |
| MS SQL서버를 JDBC로 접속 하기 (0) | 2010.04.05 |