Getting FireBug to work with FireFox 3 Beta 1

brendan님의 위 포스트를 참고(그대로 했지요.. ㅡ,.ㅡ)했다는 말씀을 먼저드리며..

모두들 기대하셨듯이 firefox 3.0 beta1 버전이 출시되었지요. (참고 : http://channy.tistory.com/205)

아마도 웹 개발하시는 분들께서 가장 관심이 많을 거라고 기대되는데요.

Firefox가 웹 개발하는데, 매력적인 이유중 가장 큰 이유는 Firebug의 강력한 기능 때문이라고 할 수 있겠지요. 혹시 웹 개발하시면서, firebug를 사용하지 않으시고 있다면, 한번 사용해보라고 말씀드리고 싶네요. HTML, CSS, JavaScript, AJAX 등등.. front-end 개발에 있어서 개발자, 디자이너에게 필수품이라고 할 수 있습니다.

Firefox 3.0 beta1 테스트를 꺼리는 이유가 2.X 버전에서의 add-on들이 정상적으로 작동하지 않는다는게 그 이유라고 할 수 있겠습니다.

하지만!!!
아래의 방법을 통해 Firebug를 사용할 수 있습니다.

참고하시구요. patch가 나오기 전까지 사용하시면 되겠습니다.

1. Firefox 3.0 beta1을 다운로드 받습니다.
   http://www.mozilla.com/en-US/firefox/all-beta.html
2. Firefox 3.0 beta1을 설치하고.
3. Firebug를 다운로드 합니다.
   http://www.getfirebug.com/
   http://www.getfirebug.com/releases/firebug1.0-current.xpi
4. firebug-1.0-current.xpi 파일은 zip 압축방식으로 풀수가 있게 되어 있습니다.
   firebug-1.0-current.zip으로 파일명을 수정한 뒤, 압축을 풀고, install.rdf 파일을 에디터로 열어봅니다.

   …
   <!– Firebug –>
   <em:targetApplication>
   <Description>
   <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
   <em:minVersion>1.5</em:minVersion>
   <em:maxVersion>2.0.0.*</em:maxVersion>
   </Description>
   </em:targetApplication>
   …

5. 위와 같은 부분이 있는데요..
   maxVersion 정보부분을 2.0.0.*에서 3.0.0.*로 변경해 주시면 됩니다.

   …
   <em:maxVersion>3.0.0.*</em:maxVersion>
   …

6. 이렇게 수정한 뒤 저장을 하고, firebug-1.0-current-fixed.zip 와 같이 다시 압축을 합니다.
   firebug-1.0-current-fixed.xpi와 같이 확장자를 xpi로 변경해주시고
7. firefox를 띄워서 Drag and Drop을 하시게 되면
   짜잔~~!

   

ps. Firefox가 3.0에서 느껴지는 채감속도는 좀 더 상승한 것 같구요. 랜더링 방식이 많이 변경된 듯합니다.
몇몇 사이트들이 좀 다른 모습으로 보이는 군요. gmail도 글 간격이 좀 더 벌어지는 것 같구요. ㅎㅎ
Firefox 3.0을 대비하여 cross browsing해서 디자인 하는게 좋겠지요? ( 이젠 테스트해야 할 브라우저가 너무 많아~~ ㅜ,.ㅠ )

한RSS 쓰시는 분은 추가하기~