2007/05/18

웹사이트 디버깅 - Internet Explorer Developer Toolbar

IE 에드온 툴바중에 하나인 Internet Explorer Developer Toolbar 입니다.

- Explore and modify the document object model (DOM) of a Web page.
- Locate and select specific elements on a Web page through a variety of techniques.
- Selectively disable Internet Explorer settings.
- View HTML object class names, ID's, and details such as link paths, tab index values, and access keys.
- Outline tables, table cells, images, or selected tags.
- Validate HTML, CSS, WAI, and RSS web feed links.
- Display image dimensions, file sizes, path information, and alternate (ALT) text.
- Immediately resize the browser window to a new resolution.
- Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
- Display a fully featured design ruler to help accurately align and measure objects on your pages.
- Find the style rules used to set specific style values on an element.
- View the formatted and syntax colored source of HTML and CSS.


다음 사이트에서 다운로드가 가능하고,. 이 툴은 서버운영자 보단, 웹 개발자 및 디자이너에게 유용한 툴일듯 싶습니다.

http://www.microsoft.com/downloads/details.aspx?FamilyID=
e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en



물론 이런툴 말고도 많으며, 파이어폭스용도 많습니다. ^^ 다음은 스샷~!



오브젝트별 트리 구조


해당 오브젝트가 선택된 경우 하이라이트 기능


속성



스타일

댓글 없음:

댓글 쓰기

가장 많이 본 글