티스토리 뷰
일반적으로 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를 누르면 된다.
'개발정보' 카테고리의 다른 글
Delphi 7을 Windows 7 에서 돌리기 (0) | 2010.11.18 |
---|---|
Visual Web Developer 2005 Express Edition 사용기 (0) | 2010.11.16 |
javascript alert()를 대신할 수 있는 디버깅 엔진 blackbird (0) | 2010.10.22 |
[SQL서버] SP 결과를 테이블에 저장하기 (0) | 2010.04.06 |
HTML Submit 버튼 OnClick 이벤트 (0) | 2010.04.06 |
MS SQL서버를 JDBC로 접속 하기 (0) | 2010.04.05 |
- TAG
- BlackBird, javascript, 디버깅
댓글
공지사항
- Total
- 380,586
- Today
- 97
- Yesterday
- 134
TAG
- windows 7
- 실행계획
- php
- node.js
- 아이폰 4G
- IE 9.0
- 태그를 입력해 주세요.
- 삭제된 파일 복구
- sql서버
- Stroke it
- SSMS
- ERP
- java
- Delphi
- OpenQuery
- CD버너
- 연결된 서버
- 마우스
- SQL서버 2008
- Windows Mobile Device Center
- javascript
- 예상 행 수
- Linked Server
- NHN
- MSSQL
- c#
- 프로젝트
- Oracle
- Mac OS X Snow Leopard
- 델파이