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(연상 배열)을 찍어볼때는 요놈을 이용합니다. 예를들면 아래와 같은 배열들.
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
traceStr() : 문자열을 배열로 읽어볼 때 유용합니다. 가령 문자열에서 특정 문자의 인덱스가 궁금할때 쓸 수 있겠네요.
Watch : 이건 명령어는 아니고 디버거 창의 기능입니다. 디버거 창의 하단에 있는 Input박스에 id를 입력하고 ''Watch'' 버튼을 클릭하면 ''Stop''버튼을 클릭하기 전까지 실시간으로 해당 컨테이너의 값을 추적하여 print합니다. Wow!!
Demo
Download
[##_1C|cfile5.uf.1174F30C4BDEA2FAC78FF8.zip||" />
