最近自己要調試手機端的調試,需要和前台配合。但是app請求參數以及一些東西自己無法獲取,不想pc端直接使用谷歌調試就可以得到,后來前端小伙伴給自己整個DevTools工作調試,就是他把調試的包給我,我安裝手機上,然后進行調試,調了一段時間,感覺還是不方便,首先這個東西得翻牆。第二,只能調試他給我的開發版,有改變自己還得重新安裝新的開發版,麻煩,后來搜了下,用fiddler可以抓包,這個工作以前只聽過,沒用過,
弄了一個多小時,才弄好。
首先下個手機模擬器,這個我用的是雷電手機模擬器,你們可以用其他,都差不多。
第二,下個fiddler這個我不用說吧。網上一堆,還有漢化版。挺好用的。
重點來了。
配置fiddler
1.打開Fiddler,點擊Tools => Options... 打開配置選項,切換到第三個標簽頁Connections,修改如圖所示的地方,端口號可任意修改,這里使用默認的8888,請記住自己設置的端口號,后面有需要使用的地方。


3.打開模擬器,打開模擬器設置,點擊無線和網絡中的WLAN。

4.長按圖中的"53865"所在位置(不同的模擬器可能號碼不同),選擇“修改網絡”,勾選上“高級選項”,在“代理”下拉選框中選擇“手動”選項,修改如圖所示的地方,完成之后點擊保存。
這個wife名字不同的模擬器會wife名稱不一樣,不用理會。設置基本都一樣。
6. 在右邊的Composer標簽頁中可以定義並發送網絡請求:
5.我們也可以直接將左側抓到的網絡請求直接拖到composer中然后進行相應修改即可測試不同參數下該接口的功能是否正常。這步不是必須的。可以了解下
7、在filter標簽中我們可以設置不同的過濾規則對抓取的包進行過濾:這步也非必須看個人實際情況
抓APP上的HTTPS請求
1.如果app都是http請求,是不需要安裝證書,能直接抓到的,如果是https請求,這時候手機就需要下載證書了。
2.打開手機瀏覽器輸入:http://xx.xx.xx.xx:8888 ,這個中間的host地址就是前面查到的本機地址。
3.出現如下畫面,點箭頭所指的位置,點擊安裝就可以了。

設置過濾
1.手機上設置代理后,這時候fiddler上抓到的是pc和app所有的請求,如果pc上打開網址,會很多,這時候就需要開啟過濾功能了。
2.打開fiddler>Tools>Fiddler Options>HTTPS>...from remote clients only,勾選這個選項就可以了
...from all processes :抓所有的請求
...from browsers only :只抓瀏覽器的請求
...from non-browsers only :只抓非瀏覽器的請求
...from remote clients only:只抓遠程客戶端請求

以上這些設置可以在模擬器上,也可以在手機上。上面的這些是我參考別的博客整理的。我自己只配置了模擬器上抓包,有什么錯誤,還望大家指出學習。