使用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 computers to connect勾選起來，肯定後，關閉Fiddler並從新打開Fiddler。

         2）此時，爲了確保代理是正常工做的，咱們能夠在cmd裏執行netstat -anop tcp查看Fiddler進程是否正常監聽8888端口，若是服務沒有正常開啓，能夠嘗試使用其餘端口，端口修改的位置（能夠在上一步裏面直接修改）。

咱們先打開任務管理器查看如下咱們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）的那個對號去掉