쓸만한 웹디버깅툴 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를 설정할수도 있다..

댓글을 달아 주세요