fiddler抓取手機上https數據失敗，所有顯示「Tunnel to......443」解決辦法

與後端數據通訊是前端平常開發的重要一環，在與後端接口聯調的時候每每須要經過查看後端返回的數據進行調試。若是在PC端，Chrome自帶的DevTools就已經足夠用了，Network面板能夠記錄全部網絡請求，查看接口數據很是方便。可是在移動端就不能這樣幹了，手機上是沒法直接查看網絡請求數據的，這時候就須要一個能記錄網絡通訊的工具，也就是抓包工具。來來回回嘗試了好幾個，Fiddler算是用起來最爽的了:)

Fiddler是一個免費的web調試代理，它可以記錄、查看和調試全部鏈接上的終端和遠程服務器之間的http/https通訊。閒話少敘，直接說如何調試手機上的頁面。

在電腦上安裝Fiddler以後，須要進行一些簡單的配置才能對手機上的網絡通信進行捕獲。

若是想要捕獲手機上的通訊數據，首先須要手機鏈接上Fiddler代理，而Fiddler默認是不容許其餘設備進行鏈接的，點擊 Tools > Options...，在 Connections 面板選中 Allow remote computers to connect 容許其餘設備鏈接（此操做需重啓Fiddler生效），

而後在手機上連上Fiddler代理，貼上一張IOS配置代理截圖：

好了，如今Fiddler已經能夠捕獲手機頁面上的http通訊了。可是會發現捕獲了不少 Tunnel to 的會話，這是怎麼回事呢？原來這些都是https請求，而https是加密傳輸的，Fiddler默認是不對https進行解密的，若是想對https進行捕獲，須要繼續進行配置。

首先配置Fiddler對https進行解密，點擊 Tools > Options...，在 HTTPS 面板選中 Decrypt HTTPS traffic 解密https通訊（此操做需重啓Fiddler生效），

而後在手機上須要安裝Fiddler根證書，由於Fiddler是經過本身生成的證書對網絡請求從新簽名進行https會話解密的。證書的安裝方法就是在手機自帶瀏覽器中訪問FiddlerServer地址(好比10.200.8.155:8888)，會出現 Fiddler Echo Service 頁面，下載並安裝 FiddlerRoot certificate，

1.瀏覽器輸入：電腦的IP地址192.168.60.30:8888，安裝證書——安裝後應該能夠在安全——信任證書——用戶（我的）裏面看到       

2.IOS手機手機設置-通用-關於本機，最後一個受信任證書存儲區裏面，把fiddler的證書信任下       

3.安卓華爲手機權限管理——軟件——信任此應用

 

通過這兩步設置以後，Fiddler就能夠捕獲手機與服務器之間的全部http/https通訊了。