今天給大家分享一下我在開發中使用到的火狐的一些比較實用的插件，這里不管新手老手，大家有用過的就掃一眼，有沒用過的大家學習一下，這些在開發中確實比較實用。

首先，統一跟大家說一下這些插件的獲取和安裝。

1、點擊火狐瀏覽器標題欄最右邊有一個圖標菜單按鈕

2、在彈出的窗口中點擊附加組件

3、在新彈出的頁面中右上方有個搜索框，在其中輸入你要獲取的插件，然后回車，它就會跳轉到搜索出來的結果列表，找到自己的那個插件，點擊右側的安裝。這里有部分是需要重啟后才能生效的，大家重啟一下瀏覽器就好。

下面就給大家介紹第一個插件

1、HttpRequester，這個插件能做到非常細致的模擬網絡請求，并獲取返回結果，展示。我在開發中和后臺調試接口的時候通常就使用它來完成。打開它的界面如下：

下面我們介紹一下這個工具怎么使用，基本做開發的都能看懂這上面這些名稱：

URL：進行請求或者訪問的路徑

GET：這里可選擇請求方式

submit：提交

用法：貼入路徑后，點擊submit或者submit右邊的GET/POST/PUT后，右側的RESPONSE中會有響應的值

如上圖，左邊URL中貼入路徑，點擊GET或者Submit右側會有響應的值，返回的狀態值：200 OK，History是最近的請求地址。

這里有的朋友可能會問，添加頭信息，參數的時候該如何去模擬呢，我們還是看上圖，上圖中有

三個參數，咱們放置頭信息的時候點擊Headers，進入如下界面進行對應的添加；

放置參數信息的時候，點擊Parameters，進入如下界面進行對應信息添加：

最終點擊submit即可進行請求模擬了。

2、FireBug。講了HttpRequest，就不得不講FireBug，FireBug在我們前端寫頁面的時候可以說是一大利器啊，當然我們一樣可以使用到。同樣的道理，先去下載安裝。那么具體使用：

打開一個網頁后，點擊小蟲子圖標打開FireBug。界面效果如下：

這里我隨便打開了一個網頁，大家可以很直觀的看到HTML中顯示的是整個頁面的布局樣式，那在右側是樣式，布局等東西，所以我們說是前端一大利器，用來參考頁面樣式，調試頁面布局，做兼容性測試等都是非常強大的。

那說到這里有朋友可能會問，這都是前端的東西，我又不寫頁面沒啥用啊。哈哈，別急，咱們慢慢看。

既然這樣說了，那么HTML和CSS樣式這兩欄咱就不去看了，直奔主題“網絡”，點擊網絡后，出現界面如下：

界面中咱們可以看到二級目錄上邊有HTML,CSS,JavaScript...等小標題。那這里咱們主要講的就是HTML這一欄，大家可以看到下面是不是有如下信息：

咱們選擇一個路徑點擊開后，顯示界面如下：

這時候我們是不是可以發現里面包含了響應頭信息，請求頭信息等數據？那后邊是不是還有Cookies信息，有了這些信息，咱們是不是可以結合HttpRequester抓取數據？咳咳，低調低調。

那同樣的咱們這里，還有響應以及緩存大家也可以稍微去了解一下，這個最好的測試方法就是大家可以去連接上自己家里的路由器，利用FireBug去抓取一下路由器里面返回的數據，自己寫一下解析，是不是可以寫一個控制路由器的APP呢?哈哈 你家的智能路由就這么誕生啦。

今天先給大家講解這兩個插件，明天咱們繼續給大家介紹其他兩個有意思的插件，保證簡單又實用，還都是開發中有用到的哦！

本文出自微信公眾號mjw-java