[原创]Web测试辅助工具之微软Internet Explorer Developer Toolbar

[原创]Web测试辅助工具之微软Internet Explorer Developer Toolbar

简介：主要是基于IE下的一个插件，提供的功能如下：

• 浏览和修改Web页的文档对象模型（DOM）。
• 通过多种技术方式定位、选定Web页上的特定元素。
• 禁止或激活IE设置。
• 查看HTML对象的类名、ID，以及类似链接路径、tab顺序、快捷键等细节。
• 描绘表格、单元格、图片或选定标签的轮廓。
• 显示图片象素、大小、路径、替代文字等。
• 即时重定义浏览器窗口大小到800x600或自定义大小。
• 清空浏览器缓存和cookie，被清除项可从所有对象或给定域中选择。
• 直接访问关联W3C规范参考、IE开发组blog或其他来源。
• 显示设计时标尺，帮助对齐对象。

Overview

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.
• 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.

The Developer Toolbar can be pinned to the Internet Explorer browser window or floated separately.

Your feedback is greatly appreciated. Please visit the IE Web Development Forum on MSDN to enter bug reports, comments, and suggestions.

点击这，微软官方下载