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

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

1、點(diǎn)擊火狐瀏覽器標(biāo)題欄最右邊有一個(gè)圖標(biāo)菜單按鈕

2、在彈出的窗口中點(diǎn)擊附加組件

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

下面就給大家介紹第一個(gè)插件

1、HttpRequester，這個(gè)插件能做到非常細(xì)致的模擬網(wǎng)絡(luò)請(qǐng)求，并獲取返回結(jié)果，展示。我在開發(fā)中和后臺(tái)調(diào)試接口的時(shí)候通常就使用它來完成。打開它的界面如下：

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

URL：進(jìn)行請(qǐng)求或者訪問的路徑

GET：這里可選擇請(qǐng)求方式

submit：提交

用法：貼入路徑后，點(diǎn)擊submit或者submit右邊的GET/POST/PUT后，右側(cè)的RESPONSE中會(huì)有響應(yīng)的值

如上圖，左邊URL中貼入路徑，點(diǎn)擊GET或者Submit右側(cè)會(huì)有響應(yīng)的值，返回的狀態(tài)值：200 OK，History是最近的請(qǐng)求地址。

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

三個(gè)參數(shù)，咱們放置頭信息的時(shí)候點(diǎn)擊Headers，進(jìn)入如下界面進(jìn)行對(duì)應(yīng)的添加；

放置參數(shù)信息的時(shí)候，點(diǎn)擊Parameters，進(jìn)入如下界面進(jìn)行對(duì)應(yīng)信息添加：

最終點(diǎn)擊submit即可進(jìn)行請(qǐng)求模擬了。

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

打開一個(gè)網(wǎng)頁后，點(diǎn)擊小蟲子圖標(biāo)打開FireBug。界面效果如下：

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

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

既然這樣說了，那么HTML和CSS樣式這兩欄咱就不去看了，直奔主題“網(wǎng)絡(luò)”，點(diǎn)擊網(wǎng)絡(luò)后，出現(xiàn)界面如下：

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

咱們選擇一個(gè)路徑點(diǎn)擊開后，顯示界面如下：

這時(shí)候我們是不是可以發(fā)現(xiàn)里面包含了響應(yīng)頭信息，請(qǐng)求頭信息等數(shù)據(jù)？那后邊是不是還有Cookies信息，有了這些信息，咱們是不是可以結(jié)合HttpRequester抓取數(shù)據(jù)？咳咳，低調(diào)低調(diào)。

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

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

本文出自微信公眾號(hào)mjw-java