掌握前端知識，一個必不可少的學習就是掌握前端工具。前端工具比較多，以下我們一起來看看幾款常見的工具：Firebug、FirePath以及WebDriver Element Locator。

Firebug&FirePath工具

對于做前端開發(fā)的同學，F(xiàn)irebug一定有所了解了。Firebug是瀏覽器中，一個開發(fā)類的插件?？纯碏irebug的詳細介紹：

Firebug是網頁瀏覽器Mozilla Firefox下的一款開發(fā)類插件，現(xiàn)屬于Firefox的五星級強力推薦插件之一。它集HTML查看、編輯、Javascript控制臺、網絡狀況監(jiān)視器于一體，是開發(fā)JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士軍刀，從各個不同的角度剖析Web頁面內部的細節(jié)，給Web開發(fā)者帶來很大的便利

以火狐瀏覽器為例，打開Firefox，按F12，見下圖：

這就是Firefox打開的狀態(tài)，百度網站，如下CSS也已經展現(xiàn)出來。Firebug集成了Html/Css查看、編輯，以及Javascript的一個控制臺，網絡監(jiān)控。在網絡監(jiān)控這里，展示了打開網頁請求的全部資源，以及花費時間：

從各個角度來看呢，F(xiàn)irebug就是結合Firefox的一個前端的插件，幫助定位和分析瀏覽器問題。當然在Selenium自動化測試里面，它主要是幫助做定位。

與此同時，還有一個FirePath插件，也是一個單獨的插件。裝完Firebug之后，再裝FirePath就可以看到它了。這個工具能夠我們查看Xpath，定位指定的元素。

FireBug與FirePath兩者的根本區(qū)別在于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

點擊“附加組件”，如下：

如上，已經裝過了，如果沒有裝過，F(xiàn)irefox就會將插件篩選出來，點安裝就OK了。同樣，F(xiàn)irePass也是這樣，按照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相關信息