隨著 HTML5 的急速增長,現在越來越多的人,開始涉及到移動終端的 Web 開發領域,但手機端始終沒有 PC 端這麼多的調試工具。即使 PC 端瀏覽器類比 user-agent 進行開發,也可能會發生移動終端和 PC 端瀏覽器渲染不一致的問題。
所以,最好還是在真正的手機端開發調試,但,怎麼抓包呢?
今天,就向大家介紹 Fiddler 如何抓取 Android 手機瀏覽器上的資料包。
眾所周知,Fiddler 是通過代理來實現資料擷取的。對 Android 手機來說,也是通過將網路連接的代理指向 PC 機的 Fiddler 連接埠,來實現資料包的攔截。
下面,我以我的一次實踐為例,向大家介紹如何操作。
環境:Windows7、moto mb860(android 2.3.4)
1、首先,確保安裝 Fiddler 的電腦和手機在可以互相訪問的區域網路內。因為要將手機的代理指向 PC 機,不能互相訪問是不行的。
2、Fiddler 開啟遠端連線。Fiddler 主菜單 Tools -> Fiddler Options…-> Connections 頁簽
將允許遠程電腦串連打勾;上面的的連接埠號碼無需改變,保持預設即可。
打勾後,請重啟一下 Fiddler,這一步很重要。
3、在設定手機的代理之前,我們需要先獲得安裝 Fiddler 這台電腦在區域網路內的 IP。在手機上設定Proxy 伺服器的時候會用到,開始菜單開啟運行視窗(快速鍵 Win + R),輸入 cmd 斷行符號,進入 Windows 命令列工具,輸入 ipconfig 斷行符號,結果形如:
你實際的區域網路 IP 肯定跟我的不一樣,不過不用擔心,你把這個 IP 位址記下來。
3、現在,我們需要設定手機的代理。
開啟系統設定
進入無線和網路模組
進入 Wifi 設定
找到當前正在使用的 Wifi 串連,長按會出來捷徑功能表
選擇“修改網路”,或者“Proxy 伺服器”,進入編輯介面
將使用Proxy 伺服器打勾,並填上剛才在 PC 機上 ipconfig 獲得的 IP 位址 192.168.1.105,連接埠號碼填 Fiddler 預設的 8888
代理例外地址不用管了,留空吧。
點儲存,就完成了代理的設定。
現在,我們就可以嘗試下配置是否好了,開啟遨遊瀏覽器
輸入一個網頁 http://ming.sinaapp.com,試試看
與此同時,我們看看 Fiddler 上的資料抓包結果吧
bingo,成功啦