IE에 add-in 되는 웹문서 분석 툴로 웹 개발뿐만 아니라 css를 주로 다뤄야 하는 디자이너에게도 아주 유용한것 같습니다. 참고로 저는 view DOM과 css를 disable 시키는 기능, div elements 아웃라인을 보여주는 기능, 브라우저를 리사이징해주는 기능등을 주로 사용하는데 도움을 톡톡히 받고 있습니다. 특히 w3c로 바로 연결하여 validate 결과를 볼수도 있습니다.
The Internet Explorer Developer Toolbar provides several features for exploring and understanding Web pages. These features enable you to:
- 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.
- Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
- Display a fully featured design ruler to help accurately align and measure objects on your pages.
The Developer Toolbar can be pinned to the Internet Explorer browser window or floated separately.
This Beta 2 version of the toolbar contains functionality and stability enhancements over previous versions and includes the following improvements.
- You can now selectively enable and disable CSS parsing.
- The Misc menu contains a color picker.
- Several link reports are available.
- When you select an element in the DOM element tree list, the selected element scrolls into view if it is not already visible in the browser window.