iddler簡單概述

Fiddler是一個http協(xié)議調(diào)試代理工具，它能夠記錄并檢查所有你的電腦和互聯(lián)網(wǎng)之間的http通訊，設置斷點，查看數(shù)據(jù)，修改請求數(shù)據(jù)等。比如當你想抓取電腦瀏覽器打開一個網(wǎng)頁時候詳細訪問了些什么地址，或者手機在運行某個應用的時候訪問了些什么地址，特別是在開發(fā)應用，想要分析一些http請求的時候特別有用。你一定很好奇，F(xiàn)iddler是怎樣抓取數(shù)據(jù)的？，其實當你打開Fiddler的時候會自動在本機上開啟一個代理服務器，關(guān)閉Fiddler時候會自動關(guān)閉代理服務器，并且你的瀏覽器會自動設置和取消代理，完全不需要人工再去設置。這樣你瀏覽器訪問的http請求都會經(jīng)過Fiddler代理(充當中間人角色)，F(xiàn)iddler就可以輕松抓取到http請求的數(shù)據(jù)了。對于移動端，抓取數(shù)據(jù)需要移動設備和電腦在同一局域網(wǎng)下，下文會詳細敘述。

Fiddler安裝配置

安裝

Fiddler的安裝很簡單，直接從官網(wǎng)下載，直接安裝即可，F(xiàn)iddler下載地址如下：https://www.telerik.com/download/fiddler

配置

1.在菜單欄依次點擊Tools-->Options-->HTTPS，勾選Capture HTTPS CONNECTS、Decrypt HTTPS traffic、Ignore server certificate errors這三個選項前的復選框

配置好后，F(xiàn)iddler就可以截獲HTTPS請求，配置完后記得要重啟Fiddler

注意：第一次配置HTTPS時，彈出證書安裝提示，若沒有彈出提示，勾選Actions--> Trust Root Certificate(信任根證書)

之后會彈出證書安裝提示，點擊Yes

接著點擊是(Y)

證書安裝成功

查看安裝的證書Actions—>Open Windows Certificate Manager

下面在說一下手機端抓包如何配置(確保手機和電腦在同一個局域網(wǎng)內(nèi))

在菜單欄依次點擊Tools-->Options-->Connections

為了減少干擾，你也可以去掉 “Act as system proxy on startup”(啟動系統(tǒng)代理)

接著還需要對移動端的配置,配置前先在控制臺輸入ipcinfig命令查一下電腦的IP地址(也可以將鼠標懸浮至Fidder工具右上角Online出查看)

之后在移動端打開瀏覽器，在地址欄中輸入代理服務器的 IP 和端口（即電腦的IP加fiddler的端口），會看到一個Fiddler 提供的頁面，然后確定安裝就好了

然后打開 WiFi 設置頁面，選擇要連接的 WiFi ，并且長按(不同的移動端可能操作不一樣)，在彈出的對話框中，選擇“修改網(wǎng)絡”。在接下來彈出的對話框中，勾選“顯示高級選項”。在接下來顯示的頁面中，點擊“代理”，選擇“手動”。代理服務器主機名設為 PC 的 IP ，代理服務器端口設為 Fiddler 上配置的端口 8888，點”保存”。只有移動端使用Fidder的代理，F(xiàn)idder才能獲取數(shù)據(jù)，至此配置就已經(jīng)完成。

Fidder界面介紹

左邊會話框介紹

1：給會話添加備注信息
2：重新加載當前會話
3：刪除會話選項
4：放行，和斷點對應，后面詳細講解
5：響應模式。也即是，當Fiddler拿到遠程的response后是緩存起來一次響應給客戶端還 是以stream的方式直接響應。
6：解碼。有些請求是被編碼的，點擊這個按鈕后可以根據(jù)響應的編碼格式自動解碼。
7：查找會話。
8：保存會話。
9：截屏。截屏后，會以會話的方式返回一個截圖。

會話列表標題和圖標說明如下：

貼士:選中某一條會話按delete鍵可以刪除會話，使用Ctrl+X快捷鍵清除所有會話

右邊Tab面板介紹

1.Statistic

這里顯示關(guān)于HTTP請求的性能和其他數(shù)據(jù)分析的一些信息，比如DNS解析時間，建立TCP/IP連接時間消耗等等信息

2. Inspectors

提供headers、textview、hexview、Raw等多種方式查看單條http請求的請求報文的信息,分為上下兩個部分，上半部分是請求頭部分，下半部分是響應頭部分。對于每一部分，提供了多種不同格式查看每個請求和響應的內(nèi)容,下面說一些常用的格式

格式1:ImageView標簽

使用 ImageView 就可以看到圖片,選擇一條Content-Type是image/jpeg的回話,點擊ImageView

格式2:TextView 標簽

HTML/JS/CSS 使用 TextView 可以看到響應的內(nèi)容。選擇一條Content-Type是text/html的回話,點擊TextView

格式3:Raw標簽

Raw標簽可以查看響應報文和響應正文,但是不包含請求報文

格式4:Auth標簽

Auth則可以查看授權(quán)Proxy-Authorization 和 Authorization的相關(guān)信息

格式5:Cookies標簽

3.AutoResponder

Fiddler 的AutoResponder tab允許你從本地返回文件，而不用將http request 發(fā)送到服務器上。下面我們舉個例子：我們在瀏覽器中輸入www.baidu.com ,瀏覽器就會幫我們打開百度的網(wǎng)頁，現(xiàn)在我們在AutoResponder tab面板中添加一條規(guī)則并啟用規(guī)則，如下圖

此時再訪問www.baidu.com 時，頁面如下：

小結(jié)：AutoResponder功能是Fiddler最實用的功能之一，Rule可以自由地設定，可以使用搜索（默認）、精確匹配（EXACT）、正則表達式匹配（REGEX）。處理方式可以選擇使用文件，也可以選擇合適的時間暫停數(shù)據(jù)流（*bpu、*bpafter），人工干預。通過以上幾個步驟，我們演示了怎樣將HTTP請求重定向到本地的文件，進行調(diào)試，這在我們診斷跟蹤一些js文件但卻不能修改js文件時非常有用。比 如：在用瀏覽器測試P頁面時，P頁面引入了一個js資源文件R.js，由于R.js文件在服務器S上，而我此時又不能登錄S服務器（沒有S服務器的帳 號），此時我們就可以通過瀏覽器將R.js文件下載到本地，然后對本地的R.js文件進行調(diào)整，最后通過設置Fiddler，將R.js文件的請求使用本 地的R.js文件。

4.Composer

Composer允許自定義請求發(fā)送到服務器，可以手動創(chuàng)建一個新的請求，也可以在會話表中，拖拽一個現(xiàn)有的請求，Parsed模式下你只需要提供簡單的URLS地址即可（如下圖，也可以在RequestBody定制一些屬性，如模擬瀏覽器User-Agent）

5.斷點請求/響應

如圖，方框所指的位置時可以點擊的。共三種狀態(tài)：
(1)空白：不設置斷點。
(2)箭頭向上:表示斷點請求.此時客戶端的請求是無法直接到達目標服務器的,需要手動控制。
(3)箭頭向下:表示斷點響應.此時目標服務器的響應是無法直接到達客戶端的,需要手動控制。

除此之外，還可以在命令行中進行斷點,在命令行中輸入命令如下:

bpu www.baidu.com （斷點請求）
bpuafter www.baidu.com（斷點響應）

斷點請求并修改步驟如下：

1. 設置斷點請求，訪問網(wǎng)頁
2. 點擊對應的會話
3. 查看請求報文信息
4. 修改請求內(nèi)容
5. 完成斷點，放行，把該請求發(fā)送給目標服務器。

如下圖：

斷點響應修改和斷點請求操作類似，只是在響應區(qū)域修改報文信息即可，但是在斷點響應時，請注意超時時間。

6.過濾域名

Fiddler抓包可以完成我們調(diào)試測試需求。但是多余的網(wǎng)頁請求和手機的其他鏈接影響我們手機開發(fā)的需求。所以我們需要排除其他無用的包，只關(guān)注我們指定的域名的請求包。打開fiddler，找到Filters選項并點擊打開，如圖所示

默認情況下，這個頁面是灰色的,代表默認不過濾任何請求.現(xiàn)在我們勾選 Use Filters ,如下圖

一般常用的有三種過濾條件：

(1).域名過濾，只顯示特定域名的記錄：

這里添加了www.baidu.com ,會話中只會出現(xiàn)于www.baidu.com相關(guān)的會話,其他的都會過濾掉,如下圖

(2).類型過濾，一般對各種圖片、CSS、JS這類的靜態(tài)素材也不需要看的情況下，直接全部過濾掉

(3).根據(jù)返回狀態(tài)碼，比如只想顯示200的狀態(tài)，其他的不顯示

Fiddler 的內(nèi)置命令

1.？(問號)

格式：？+字符串 如？ baidu.com ;

作用:問號（?）后邊跟一個字符串，F(xiàn)iddler 將所有會話中存在該字符串匹配的全部高亮顯示

提示：匹配的字符串是 Protocol、Host 和 URL 中的任何子字符串.

2.> 和 <

大于號（>）和小于號（<）后邊跟一個數(shù)值，表示高亮所有body大于或小于該數(shù)值的會話,比如我輸入 <200，按下回車后結(jié)果如下：

3.=

等于號（=）后邊可以接 HTTP 狀態(tài)碼或 HTTP 方法，比如 =200 表示高亮所有正常響應的會話,下圖輸入了 =GET，表示希望高亮所有 GET方法的會話：

4.@

@ 后邊跟的是 Host，比如我想高亮所有百度的鏈接，我可以 @baidu.com

5.bpafter

bpafter 后邊跟一個字符串，表示中斷所有包含該字符串的會話，如bpafter baidu

6.bps

bps 后邊跟的是 HTTP 狀態(tài)碼，表示中斷所有為該狀態(tài)碼的會話。

7.bpv 或 bpm

bpv 或 bpm 后邊跟的是 HTTP 方法，表示中斷所有為該方法的會話。

8.bpu

跟 bpafter 類似，區(qū)別：bpu 是在發(fā)起請求時中斷，而 bpafter 是在收到響應后中斷。

9.cls 或 clear

清除當前的所有會話

10.dump

將所有的會話打包成 .zip 壓縮包的形式保存到 C 盤根目錄下

11.g 或 go

放行所有中斷下來的會話。

12.hide

將 Fiddler 隱藏

13.show(貌似沒啥用)

將 Fiddler 恢復。

14.urlreplace

urlreplace 后邊跟兩個字符串，表示替換 URL 中的字符串。比如 urlreplace baidu fishc 表示將所有 URL 的 baidu 替換成 fishc。溫馨提示：直接輸入 urlreplace 不帶任何參數(shù)表示恢復原來的樣子。

15.start

Fiddler 開始工作。

16.stop

Fiddler 停止工作。

17.quit

關(guān)閉 Fiddler

18.select

select 后邊跟響應的類型（Content-Type），表示選中所有匹配的會話，比如希望 Fiddler 選中所有的圖片，可以使用 select image; select css 則選中所有的 css 文件；select html 就是選中所有的 html 文件

19.allbut 或 keeponly

與select 類似，不過 allbut 和 keeponly 會將所有無關(guān)的會話刪除。比如我只想看圖片，那么我可以 keeponly image，表示將所有與圖片無關(guān)的會話刪除

20.!dns

!dns 后邊跟一個域名，執(zhí)行 DNS 查找并在右邊的 LOG 欄打印結(jié)果,如:!dns www.baidu.com

21.!listen

設置監(jiān)聽的端口，默認是 8888

聲明:本文非原創(chuàng)，參考自CSDN文章，這里是整理一下與大家分享,后面會增加一些實戰(zhàn)的操作，歡迎大家共同交流學習，不足之處還請大家多多指點。

TML代碼：

<table>

<tr>

<td><input type="checkbox" name="b">全選</td><td>內(nèi)容</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>復選1</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>復選2</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>復選3</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>復選4</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>復選5</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>復選6</td>

</tr>

</table>

JAVASCRIPT代碼：

<script>

$("input[name='b']").click(function(){

//判斷當前點擊的復選框處于什么狀態(tài)$(this).is(":checked") 返回的是布爾類型

if($(this).is(":checked")){

$("input[name='a']").prop("checked",true);

}else{

$("input[name='a']").prop("checked",false);

}

});

</script>

這樣就實現(xiàn)了全選和全不選