標籤:div text google 為什麼 remote 資料 fiddler 應用 Proxy 伺服器
http://ju.outofmemory.cn/entry/22854
從事前端開發的同學一定對Fiddler不陌生,它是一個非常強大的http(s)協議分析工具,如果你不知道它是什麼,可以自行google一下,本文不再作科普,簡單的說它可以代替Chrome開發人員工具中Network面板或Firefox的HttpWatch外掛程式的功能。
我們知道如何在電腦上調試頁面請求,但在手機端你沒有這麼多強大好用的調試工具來調試你的webapp,如果你需要查看在手機上開啟頁面時,所產生的http請求卻又不知道怎麼做,那就繼續往下看。(當然,大部分情況下,你可以直接在電腦上用Chrome或Firefox類比手機瀏覽器來看)
Fiddler支援代理的功能,也就是說你所有的http請求都可以通過它來轉寄,Fiddler代理預設使用連接埠8888,不知道的同學有可能因此無法使用FQ,因為連接埠衝突。
利用這點,我們可以在手機端設定http代理為Fiddler的Proxy 伺服器,使得手機應用的請求都通過Fiddler來轉寄,從而實現查看手機端頁面請求的功能。
首先我們開啟Fiddler->Tools->Fiddler Options在Connection面板裡將Allow remote computers to connect
勾選起來,確定後,關閉Fiddler並重新開啟Fiddler。
fiddler options
此時,為了確保代理是正常工作的,我們可以在cmd裡執行netstat -anop tcp查看Fiddler進程是否正常監聽8888連接埠,如果服務沒有正常開啟,可以嘗試使用其他連接埠,連接埠修改的位置,如位置。
fiddler proxy
從我們看到,進程ID為8392的Fiddler正在監聽8888連接埠,說明代理已經在工作了。那麼接下來我們要把手機端的代理設定為Fiddler的代理,代理設定需要一個ip和一個連接埠,ip就是Fiddler所啟動並執行電腦的區域網路ip地址,連接埠預設是Fiddler代理的連接埠8888,請確保手機所在的網段可以訪問到電腦所在的網段,同一個區域網路裡一般沒什麼問題。
wifi setting
My Phone刷的是MIUI,設定代理比較簡單,直接在對應的WIFI中設定一下就可以了。手機代理設定不懂的也可以留言或自行尋找相關資料。接下來讓我們來測試一下效果。
在手機端開啟豆瓣,看下Fiddler監聽到的請求:
web testing
正如我們所期望的,你可以開始調試你的手機端webapp請求了。
fiddler request
FAQ:
1.為什麼我訪問頁面提示Proxy 伺服器串連失敗?
在確認所有設定都沒有錯的情況下,可以嘗試關閉防火牆或帶防火牆功能的殺毒軟體,如果關閉後可以訪問,可以在防火牆設定裡為Fiddler允許存取。
fiddler抓包手機請求(轉)