쓸만한 웹디버깅툴 Firebug

Tips 2007.05.30 09:18 Posted by 애플자라
javascript로 linkedlist 구현하다 꽤나 쓸만한 기능을 발견해서 바로 블로그에 메모할 생각을 하게되었다 -_-

firefox 전용 플러그인이다..

받는방법은 firefox 상단 도구(T) -> 부가기능 - > 유용한 확장기능 찾기 링크를 통해
firefox add-on 사이트로 들어간다.

검색창에 firebug을 치면 손쉽게 설치가 가능하다.

활성 / 비활성은 F12번 단축키나 상단메뉴 - 도구(T) - > firebug - > enable firebug로 활성화 시킬수 있다.

브라우저 하단 좌측에 체크표시가 나오는데 그것을 클릭하면
DOM / script / HTML / traffic / 등등 자세한 정보를 알수 있다.

특히 javascript debugging 할때는 아주 최강이다 -_-

내가 자주쓰는부분중 하나를 소개한다.

사용자 삽입 이미지
사진을 보면 우측에 붉은줄이 그어진부분을 확인할수 있다..
여기에서 javascript의 해당변수를 입력하면 스크립트 구동중에 변수의 값을 실시간으로 확인가능하다.
물론 다른언어의 디버깅툴처럼 breakpoints를 설정할수도 있다..