쓸만한 웹디버깅툴 Firebug

javascript로 linkedlist 구현하다 꽤나 쓸만한 기능을 발견해서 바로 블로그에 메모할 생각을 하게되었다 -_- firefox 전용 플러그인이다.. 받는방법은 firefox 상단 도구(T) -> 부가기능 - > 유용한 확장기능 찾기 링크를 통해 firefox add-on 사이트로 들어간다. 검색창에 firebug을 치면 손쉽게 설치가 가능하다. 활성 / 비활성은 F12번 단축키나 상단메뉴 - 도구(T) - > firebug - > enable firebug로 활성화 시킬수 있다. 브라우저 하단 좌측에 체크표시가 나오는데 그것을 클릭하면 DOM / script / HTML / traffic / 등등 자세한 정보를 알수 있다. 특히 javascript debugging 할때는 아주 최강이다 -_- 내가 자주쓰는부분중 하나를 소개한다. 사진을 보면 우측에 붉은줄이 그어진부분을 확인할수 있다.. 여기에서 javascript의 해당변수를 입력하면 스크립트 구동중에 변수의 값을 실시간으로 확인가능하다. 물론 다른언어의 디버깅툴처럼 breakpoints를 설정할수도 있다..