與后端數據通信是前端日常開發的重要一環，在與后端接口聯調的時候往往需要通過查看后端返回的數據進行調試。如果在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通信了。