:: Firebug
Firebug는 웹페이지 디버깅툴 입니다. Html구조, CSS, JavaScript 소스를 볼수 있습니다.
Firebug를 이용하면 어떤 웹페이지던지 실시간으로 CSS를 수정하여 수정된 페이지를 볼수있습니다.
FirebugFirebug 를 설치하시면 파이어폭스 작업표시줄 우측에 주황색 딱정벌레 비슷한 아이콘이 생긴다.
벌레 아이콘을 클릭하시면 보고있는 페이지 하단에하단에 Firebug 열리는데, 좌측으로 트리형식으로 페이지구조가 우측으로는 CSS 소스내용이 나오며, 좌측의좌측의 트리내용을 펼쳐서 원하는 소스부분을 클릭하시면 해당 CSS내용이 우측에 나온다.
CSS내용을 붉은색마크로 차단하거나 직접수정하시면 수정내용이 바로 페이지에 적용된다(수정한내용은 저장되지않음).
:: CSSViewer
CSSViewer는 객체의 CSS정보를 표시해 주는 부가기능으로 설치하고 나서 버튼을 툴바에 등록해둡니다
버튼을 누르고 마우스를 문서의 객체에 가져가면 그 객체에 대한 CSS정보를CSS정보를 표시해 줍니다.