使用Fiddler建構手機調試環境（我做得專案是調試微信的公眾號）

部分內容參考：http://ju.outofmemory.cn/entry/22854

我們在測試微信企業號的時候，由於微信的限制，不能把它拿到chrome瀏覽器中進行調試，所以就不能實時的看到頁面變化情況，因而我們就需要一個能夠隨時查看我們頁面變化的工具。雖然使用Fiddler也是存在一些問題，還是不能直接在我們的瀏覽器裡面調試，但是相比較於將修改後的頁面上傳到伺服器，然後在用手機進行請求，簡單了很多。

1.首先我們要安裝一個fiddler，漢化不漢化的都可以，我提供一個沒有漢化的給大家。連結：http://pan.baidu.com/s/1miuGbyS 密碼：kjjg ，直接一溜確定，安裝就行。安裝完畢以後，我們進行以下設定。 Fiddler代理預設使用連接埠8888，我們在手機端設定http代理為Fiddler的代理伺服器（一會下面有具體的步驟），使得手機應用程式的請求都透過Fiddler來轉發，從而實現查看手機端頁面請求的功能。

           1）設定Fiddler的options。

                          開啟Fiddler->Tools->Fiddler Options在Connection面板裡將Allow remote

         2）此時，為了確保代理程式是正常運作的，我們可以在cmd裡執行

netstat <span class="pln">-<span class="pun">anop tcp<span class="pln"></span></span></span>.其他端口，端口修改的位置（可以在上一步裡面直接修改）。

我們先打開任務管理器查看以下我們Fiddler的PID程式碼是多少。開啟工作管理員的快速鍵是Ctrl+shift+ESC，正常狀態下如圖所示，我們的Fiddler.exe的PID是3156，如果你的這個介面裡面沒有PID這一項，接著往下看。

 

 

在任務管理頁面，選擇查看--選擇列，把PID那一欄打上對號，如圖所示，這樣在任務管理介面就有PID了。

 

打開我們的cmd,執行

netstat -anop tcp指令，如下圖所示，我們可以看到，PID為3156，正在監聽8888埠。那接下來我們要把手機端的代理設定為Fiddler的代理，代理設定需要一個ip和一個端口，ip就是Fiddler所運行的電腦（安裝Fiddler的電腦）的區域網路ip位址，連接埠預設是Fiddler代理的連接埠8888 ，請確保手機所在的網段可以存取到電腦所在的網段，同一個區域網路裡一般沒什麼問題（電腦用寬頻，手機用wifi，一個網就行）。

 

 

2.查看我們安裝fiddler軟體的電腦的ip，如圖所示，我的電腦ip是192.168.1.12，因為我用的是公司的網絡，ip是每天動態獲取的，所以如果我們不把ip換成固定的，就得每次使用fiddler的時候自己在手動的修改一下。

 

 

 

 

3.給我們的手機設定代理，訪問192.168.1.12:8888，我用的是三星的s7,直接在鏈接的wifi上面長按就可以，代理主機名是我們的電腦網絡的ip，代理服務器端口是我們fiddler監聽的那個，如圖所示

                                               

 

4.最後，我們需要設定一下我們電腦的hosts文件，路徑如下，

 

將我們的電腦ip寫入，後面跟著我們要調試的那個網頁的網址。

 

這樣我們就可以調試我們的手極端的頁面了。

5.問題：我們設定好了fiddler以後，再訪問https協議的網站的時候，可能會出現下面的問題，如圖：

這個問題造成我們不能正常訪問一些網站內容，比如百度，阿里等等，這是因為我們的fiddler開啟了監聽https,在設定裡面把對號去掉就行了。在fiddler頁面，點選Tools--Telerik Fiddler Option--HTTPS，把監控https通道（decrypt HTTPS traffic）的那個對號去掉