本节书摘来自异步社区《Selenium自动化测试指南》一书中的第2章2.节FireBug，作者赵卓，更多章节内容可以访问云栖社区“异步社区”公众号查看。

第2章 必备辅助工具
Selenium自动化测试指南
工欲善其事，必先利其器。Selenium是一个很不错的测试工具，但因为它是Web测试工具，在编写代码时会常与HTML打交道，同时还会使用大量的XPath表达式进行查询，所以对测试人员来说，需要掌握HTML和XPath的使用。

下面分别介绍两款辅助工具：FireBug和FirePath。它们都是FireFox插件，能够很方便地对HTML和XPath进行查看和验证，对Selenium测试代码的编写起着很大的帮助作用。

2.1 FireBug
Selenium自动化测试指南
在查看HTML源码时，如果没有辅助工具。就会显得非常繁琐。图2-1所示为百度首页。

假设只需要查看其中的搜索文本框的HTML代码，就需要在网页上单击鼠标右键，选择“查看源文件/查看源代码”查看它的HTML源码，如图2-2所示。睁大眼睛，高度集中注意力，在大量的代码中搜寻搜索文本框的HTML代码，是不是非常繁琐呢？

如果有了FireBug，一切就简单多了。

我们以Firefox 13.0为例，讲述如何安装与使用FireBug。

（1）打开Firefox，单击主菜单，选择“附加组件”，如图2-3所示。

（2）进入“获取附加组件”页面，在搜索文本框中输入firebug，单击搜索，如图2-4所示。

（3）安装该组件，如图2-5所示。

安装结束后，就可以在目录中看到该组件，如图2-6所示。

如果再进入百度页面，将鼠标光标移至搜索文本框中，然后单击鼠标右键，选择“使用Firebug查看元素”，如图2-7所示。

这样就可以立即查看到该文本框的源码，如图2-8所示。

当然，也可以单击Firebug上的“查看元素”按钮，然后在界面上移动鼠标并单击来直接查看元素的HTML代码，如图2-9所示。

除了查看元素外，还可以单击鼠标右键，选择“复制该元素的XPath到剪贴板”，如图2-10所示，这样便可在编写Selenium时直接使用该XPath。

复制后的XPath表达式如下所示：

//*[@id="kw"]
本文仅用于学习和交流目的，不代表异步社区观点。非商业转载请注明作译者、出处，并保留本文的原始链接。