웹 개발자용 툴바 Web Developer 1.5 for FireFox

웹 개발자들은 해야 할 일이 너무 많다. HTML, CSS, 링크, 이미지, 폼, 등. 그 모든 항목들에 대한 각종 문제들을 해결하는 것은 때때로 정말 힘든 일이 될 수도 있다. Chris Pedrick이 제작한 웹 개발자용 툴바 Web Developer 1.5는 웹 디자인에 있어서의 다용도 칼이라 할 수 있는 파이어폭스 확장팩이다. 확장팩을 다운로드하고, 설치하였다면 잠깐만 몇가지 옵션을 사용해 보자. 여러분이 사용할 만한 여러 가지 기능들이 있으나, 중요한 것들만 몇가지 추렸다. CSS 메뉴에서 View CSS를 선택하면, 다중 스타일시트에서 불러들여진 스타일까지 포함해서 현재 페이지에 해당하는 스타일 전체가 나타난다. 만약 어떤 웹사이트에 가서 "저건 어떻게 한 것일까?"라는 궁금증이 생긴 적 있다면, 이 툴바는 공짜로 그러한 비밀을 알려 줄 것이다.CSS메뉴에서 Edit CSS를 선택하면, 현재 웹페이지의 스타일을 편집할 수 있다. 이렇게 해도 원래 웹페이지에는 손실을 주지 않지만, 어떤 페이지의 스타일을 약간 조정해 보고 그 결과를 볼 수 있다. 근본적인 위지위그 편집기 정도로 생각하면 될 것이다. 이 편집을 통해 해당 사이트를 내 마음에도 이렇게 저렇게 스타일을 바꿔가며 요리해 볼 수 있고 어떻게 내 사이트의 스타일에 맞게 변형을 시킬지도 연구 할 수 있게 된다. Information 메뉴를 선택하면, 상세하면서 종종 광적일 정도로 많은 내부 세부사항들을 설명해 준다(물론 이 방대한 정보는 사실 이용자들에게는 어떤 메리트도 주지 않기는 하다). Display Block Size 옵션은 테이블이나 분할영역(Div) 같은 블록 계층 엘리먼트의 크기를 보여준다. Display Element Information 옵션은 커서를 위에 올리는 엘리먼트에 관한 정보를 보여준다.Tool 메뉴를 선택하면, HTML 및 CSS의 유효성을 검사하거나 링크를 확인할 수 있는 온라인 도구에 접속하게 된다. 이 도구들은 현재 여러분의 컴퓨터에서 작업하고 있는 파일이 아닌, 온라인 상에 있는 페이지에 대해서만 작동한다. Internet Explorer Developer Toolbar
인터넷 익스플로러에서도 이와 비슷한 개발자용 툴바를 제공하고 있다