使用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)的那個對號去掉

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM