实用工具特别推荐Internet Explorer Developer Toolbar

Lance Whitney

无论您是亲自开发 Web 内容还是仅为本地网站管理员提供支持，都可以使用一个免费的 Microsoft 实用工具来更轻松地完成工作。借助 Internet Explorer Developer Toolbar，您可以通过查看后台修复行为错误的网页。Toolbar 会显示适用于文本、表格、图像和其他 HTML 内容的所有标记和样式。您可以查看样式规则、突出显示页面上的特定元素，甚至还可以验证 HTML 和 CSS。

您可以从下载的 IEDevToolBarSetup.msi 文件安装 Internet Explorer Developer Toolbar。安装后，重新打开 Internet Explorer，命令栏上即会显示名为“IE Developer Toolbar”的新按钮。单击此按钮，Toolbar 会在浏览器窗口的下半部分打开，并且分为三个窗格（请参阅屏幕快照）。第一个窗格显示所有网页元素的树视图。单击任一元素，即可在其他两个窗格中显示其属性和样式。

通过单击或搜索特定元素，您可以使用下拉菜单在屏幕上突出显示它们。例如，搜索所有的 h3 标记后，它们就会逐个显示在树视图中。选择标记即可框住其在网页上的对应元素。您还可以通过选择特定类别（如 div 标记、表格、图像和使用绝对定位或相对定位放置的对象）来查找元素。

网页后台作业

Toolbar 对处理样式规则尤其有用。它可以突出显示页面上使用 ID 或类别样式设置格式的所有项目。您可以生成一个包含样式表中所有规则的报表，以确定应用这些规则的位置和方式。您甚至可以禁用所有 CSS 来查看页面元素受到的影响。

要使用 Toolbar 管理图形对象，您可以启用和禁用图像，并显示每个图片的分辨率、大小、路径及 alt 标记。Toolbar 还将生成一个易读的图像报表，以显示所有图形的详细信息。

使用 Toolbar，您可以轻松地将调整浏览器页面的分辨率，您可以选择 800x600 或 1280x1024，也可以调整为自定义大小。屏幕上标尺可以测量任何元素的大小（以像素为单位）。颜色选取器工具可以显示取色器，您可以通过它选择对象，以查看其 RGB 和十六进制颜色值。

为了帮助您解决网页问题，Toolbar 可以禁用某些元素，例如 JavaScript 和 Cookie。您可以查看内容的 HTML 源代码，此内容可以是整个页面也可以只是选定对象。此外，源代码显示已经过格式化并使用颜色标识，因此，很容易分辨出内容与标记。从树视图中，您甚至可以添加和删除呈现的页面中显示的样式和其他属性，以便查看其效果。最后，Toolbar 会将您的页面输送到万维网联合会 (W3C) 验证服务，以确保您的内容已通过以下几个方面的检查：XHTML 有效性、断开的链接和可访问性。

Internet Explorer Developer Toolbar 与 Windows XP、Windows Vista 和 Windows Server 2003 中的 Internet Explorer 6 和 Internet Explorer 7 兼容。访问 go.microsoft.com/fwlink/?LinkId=125120 可获得有关 Toolbar 的详细信息和下载链接。

Lance Whitney 是一位 IT 顾问、Web 开发人员和技术撰稿人。他投入了大量的时间和精力来改进 Windows 工作站和服务器。15 年前，当他还是一名记者时，就开始涉足 IT 世界。