[Javascript]Fire fox firebug 플러그인 설치

파이어폭스는 Explore 브라우저와는 다르게 버그가 적고 호환성이 뛰어나다는 점에서 강점을 갖고있지만

특히 더 눈에띄게 두드러지는 기능은 플러그인을 자체적으로 설치해서 사용할 수 있다는 것입니다.

 

익스플로러에서도 개발환경을 보려면 F12를 눌러서 코딩물을 볼 수는 있지만 확인하기가 꽤나 불편합니다.

파이어폭스에서도 이와같은 개발환경을 확인해보고 직접 레이아웃을 수정해볼 수 있는 기능이 있는데

 

이것이 바로 firebug 라는 플러그인입니다.

 

그럼 파이어버그 플러그인의 설치법을 알아보도록 합시다.

 

전에 설명한 방법으로 일단 파이어 폭스를 깐 후에

브라우저 좌측상단에 주황색 버튼으로 Firefox 라는 버튼을 눌러줍니다.

 

 

 

 

버튼을 누르면 파란색 퍼즐 아이콘에 부가기능 이라고 써있는 메뉴가 있습니다.

 클릭합니다.

 

 

 

부가기능을 누르면 부가 기능 관리자 탭으로 새창이 하나 뜨는데

 우측상단 검색창에 firebug를 검색하면 아래와 같이 여러 종류의 firebug 플러그인이 뜹니다. 이중에서 그림과 같이 가장 위에 있는 firebug 플러그인을 '설치하기' 로 눌러서 설치를 합니다.

 

 

이렇게 하면 간단하게 개발환경을 확인 할수 있는 firebug 플러그인이 설치가 완료됩니다.

익스플로러와 동일하게 F12를 누르면 개발환경이 나옵니다.