CSS开发辅助工具:Internet Explorer Developer Toolbar_Web标准教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  
  CSS开发辅助工具:Internet Explorer Developer Toolbar 是一款基于IE的开发辅助工具。(简称为IE Developer Toolbar)

  在Mb5u.com以前介绍的CSS开发辅助工具Web Developer插件是基于FF环境的,但是在许多开工调试中,主要还是面对IE,这款工具对于CSS辅助开发非常有益,大家可以试试它的功能。

IE Developer Toolbar的主要特性如下:

  ◎ 浏览和修改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.

System Requirements

  Supported Operating Systems: Windows Server 2003; Windows Vista; Windows XP

  The Developer Toolbar is not compatible with Internet Explorer 8. Please use the developer tools included with IE8. Press SHIFT+F12 or click the 'Developer Tools' icon in the command bar to begin using the tool.

  Note that Internet Explorer 8 Beta 1 does not include all functionality available in the Developer Toolbar.

Instructions

  After installing the Developer Toolbar, restart Internet Explorer and click the Developer Toolbar icon in the command bar to display or hide the Developer Toolbar.

  You can also open the View menu and then use the Explorer Bar menu. In Internet Explorer 7, open the Tools menu and then use Toolbars->Explorer Bars to display or hide the Developer Toolbar.

Additional Information

  ◎ The Developer Toolbar is not compatible with Internet Explorer 8. Please use the developer tools included with IE8. Press SHIFT+F12 or click the 'Developer Tools' icon in the command bar to begin using the tool. Note that Internet Explorer 8 Beta 1 does not include all functionality available in the Developer Toolbar. Click here for more information on IE8 Developer Tools.
  ◎ If Internet Explorer is running while you install the Developer Toolbar, you must restart Internet Explorer before the Developer Toolbar will work properly.
  ◎ The Developer Toolbar icon may not be visible by default. If you do not see it after restarting Internet Explorer, click the right-facing arrows at the end of the IE7 command bar to view all available toolbar buttons.
  ◎ Some menu items are unavailable (grayed out) when running Internet Explorer in Protected Mode on Windows Vista. To use those options, temporarily turn off Protected Mode or right-click the Internet Explorer icon in the Programs menu and choose 'Run as administrator'.
  ◎ In IE6 or in IE7 with tabbed browsing off, using the validation links will navigate the current window to the validation page. To launch the validation links in a new window, open the Tools menu, click Internet Options..., and uncheck "Reuse windows for launching shortcuts" in the Advanced tab, or use IE7 with tabbed browsing enabled.

  >>>点击浏览IE Developer Toolbar官方主页<<<

  >>>点击进入 下载IE Developer Toolbar<<<
  
  

来源:52CSS//所属分类:Web标准教程/更新时间:2012-06-12
相关Web标准教程