前端自动化测试工具

掌握前端知识，一个必不可少的学习就是掌握前端工具。前端工具比较多，以下我们一起来看看几款常见的工具：Firebug、FirePath以及WebDriver Element Locator。

Firebug&FirePath工具

对于做前端开发的同学，Firebug一定有所了解了。Firebug是浏览器中，一个开发类的插件。看看Firebug的详细介绍：

Firebug是网页浏览器Mozilla Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看、编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节，给Web开发者带来很大的便利

以火狐浏览器为例，打开Firefox，按F12，见下图：

这就是Firefox打开的状态，百度网站，如下CSS也已经展现出来。Firebug集成了Html/Css查看、编辑，以及Javascript的一个控制台，网络监控。在网络监控这里，展示了打开网页请求的全部资源，以及花费时间：

从各个角度来看呢，Firebug就是结合Firefox的一个前端的插件，帮助定位和分析浏览器问题。当然在Selenium自动化测试里面，它主要是帮助做定位。

与此同时，还有一个FirePath插件，也是一个单独的插件。装完Firebug之后，再装FirePath就可以看到它了。这个工具能够我们查看Xpath，定位指定的元素。

FireBug与FirePath两者的根本区别在于FireBug返回绝对的XPath，但FirePath返回的是相对路径。

还有一个定位神器：WebDriver Element Locator，在使用webdriver进行Web自动化测试的时候，需要定位大量的页面元素，除了FireBug以及FirePath插件外，就可以按照这个火狐插件。同学们可以到如下地址下载：

https://addons.mozilla.org/en-US/firefox/addon/element-locator-for-webdriv

安装定位插件到Firefox

那么，如何去安装Firebug、FirePath呢？同学们首先打开Firefox，如下有一个附件插件，这里搜索FireBug

点击“附加组件”，如下：

如上，已经装过了，如果没有装过，Firefox就会将插件筛选出来，点安装就OK了。同样，FirePass也是这样，按照FireBug相同的操作就能够完成安装了。

另一个需要安装的工具WebDriver。Selenium 2.0及以上，WebDriver替代1.0中的Selenium RC，也叫做Web Driver element locater。Web Driver插件是一个定位神器，需要从指定地址去下载。然后，点击立即安装就OK，安装完了之后，就可以在Firefox的插件列表中看到这个插件了。

Firefox版本限定

还有一点要去提醒同学们注意，那就是Firefox的版本一定要低于47，以下是我的Firefox，可以看到版本号39.03，确保我的Seleinum 2.0 可以和这个Firefox很好的兼容。

关注公众号：IT赶路人，免费获取更多IT相关信息