Web/WEB기본

[펌]IE7.0에서 Firebug사용하기.

saltdoll 2008. 6. 27. 11:17
반응형
스크립트을 쓰다보면 제일 난감한 것이 디버깅이다.
물론 firefox에서는 상당한 수준의 디버깅 툴인 firebug가 있기 때문에 다행이고 opera등 타 브라우져도 그럭저럭 괜찬은 수준의 디버깅툴을 지원하고 있다.하지만 제일 디버깅 하기가 난감한 브라우져는 ie....난감할때가 많다. 물론 ie developer tool을 제공하고 기타 visual studio와 연동되어 에러시 해당 부분을 알려주는 등 많이 편해지긴 했으나 아직은... 불편하다.

그러다 몇일전 우리 팀의 한분인 태곤씨에게서 ie pro를 추천받았다.
ie pro는 간단히 말하면 ff의 장점인 user script,plug in 등 기타 부가기능을 사용할수 있게 해주는 add on 프로그램이다.

이 것 저것 살펴보다가 plugin 쪽에 firebug lite++를 확인했다.firebug lite++는 firebug lite를 확장한것 같았다. firebug lite는 간단히 ff뿐만이 아니라 타 브라우져에서도 firebug의 적은 기능을 사용할수 있게 하는 툴이다.
(물론 사용하기엔 아직 많이 부족하다.)

그러나 firebug lite++는 설명에 보면 괜찬을것 같아 한번 설치 해봤다.
  1. 먼저 ie pro을 설치하기(브라우져 닫고 다시 열어야함.)
  2. firebug lite++ user script 설치하기
  3. firebug user plug in 다운 받기.
    1. plug in을 다운 받은후 압축을 푼후에 나온 파일확장자를 다시 zip을 수정후 다시 압축을 풀어야한다.
  4. 플러그인 폴더(C:\Program Files\IE7Pro\plugins)에 폴더 만들고  안에 3개(js 1개,png 2개)을 넣고 브라우져를 닫고 다시 열면됨.
위와 같이 설치했다면 아래와 같이 firebug lite++단추와 ie pro단추가 보인다.
iepro&firebug lite++설치화면

그리고 초록색 버튼을 클릭하게 되면 아래와 같이 나온다.

주요기능으로는 dom tree를 확인할수 있고 기본기능인 console과 dom tree에서 원하는 엘리먼트를 클릭하면 해당 엘리먼트의 프로퍼티들을 확인할수 있다. 그외의 기능은 아직 굉장히 블안하고 사용할만 하지 않다.

firebug lite++ 사용화면


아직은 많이 불안하긴 하지만 기존의 디버깅하는 방법과 같이 사용한다면 그리 나쁠것 같지 않다.

ps.별다른 debugger없이도 다들 잘 개발하던데 난 아직 멀었나보다..;;


출처 : http://mixed.tistory.com/entry/IE70%EC%97%90%EC%84%9C-Firebug%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0
반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)