자바스크립트 디버거 도구
작성일 07-03-03 12:23
페이지 정보
작성자서방님 조회 107회 댓글 0건본문
JavaScript Debugger and Tracer Tool
CODE PROJECT 사이트(http://www.codeproject.com)에서 찾은 자바스크립트 디버거 도구입니다. 스크립트 삽입만으로 간단하게 원하는 정보를 Trace해 볼 수 있습니다. 제 블로그에 올린 내용인데 혼자 쓰기 아까워서 미뉘니네도 올립니다.
Using the code
<script type="Javascript" src="trace.js"></script>
위처럼 스크립트만 import하면 환경세팅 완료. 사용법은 아래와 같습니다.
trace() : 짱나는 alert()는 그만, trace()로 속이 궁금한 값을 조용히 찍어봅시다.
traceArr() : 배열도 가뿐하게 print!!
traceAssoc() : 키값으로 참조하는 Associative Array(연상 배열)을 찍어볼때는 요놈을 이용합니다. 예를들면 아래와 같은 배열들.
traceStr() : 문자열을 배열로 읽어볼 때 유용합니다. 가령 문자열에서 특정 문자의 인덱스가 궁금할때 쓸 수 있겠네요.
Watch : 이건 명령어는 아니고 디버거 창의 기능입니다. 디버거 창의 하단에 있는 Input박스에 id를 입력하고 'Watch' 버튼을 클릭하면 'Stop'버튼을 클릭하기 전까지 실시간으로 해당 컨테이너의 값을 추적하여 print합니다. Wow!!
traceArr() : 배열도 가뿐하게 print!!
traceAssoc() : 키값으로 참조하는 Associative Array(연상 배열)을 찍어볼때는 요놈을 이용합니다. 예를들면 아래와 같은 배열들.
Key[BMW]: 3.20 CI
Key[Audi]: RS4
Key[Mercesed Benz]: CLS
Key[Volkswagen]: EoS
Key[Mitsubishi]: Evo VIII
Key[Subaru]: Impreza WRX
Key[Alfa Romeo]: GT
Key[Audi]: RS4
Key[Mercesed Benz]: CLS
Key[Volkswagen]: EoS
Key[Mitsubishi]: Evo VIII
Key[Subaru]: Impreza WRX
Key[Alfa Romeo]: GT
traceStr() : 문자열을 배열로 읽어볼 때 유용합니다. 가령 문자열에서 특정 문자의 인덱스가 궁금할때 쓸 수 있겠네요.
Watch : 이건 명령어는 아니고 디버거 창의 기능입니다. 디버거 창의 하단에 있는 Input박스에 id를 입력하고 'Watch' 버튼을 클릭하면 'Stop'버튼을 클릭하기 전까지 실시간으로 해당 컨테이너의 값을 추적하여 print합니다. Wow!!
Demo
Download
출처 : 미니위니
첨부파일
- trace.zip (12.3K) 0회 다운로드 | DATE : 2008-09-08 11:41:07
댓글목록
등록된 댓글이 없습니다.