提示：文章寫完後，目錄可以自動生成，如何生成可參考右邊的幫助文件

---

目錄

需求背景：前端頁面json檔案過大，需要在不同網路環境中檢視載入檔案時間，根據測試結果，優化開發方案

---

一、Fiddler連線移動端

1.Fiddler設定

設定Fiddler如下圖所示：
勾選Decrypt HTTPS traffic,下拉框選擇from remote clients only ，只獲取遠端客戶端的https請求；
勾選Ignore server certificate errors(unsafe)

Fiddler預設監聽埠為8888
勾選Allow remote computers to connect

2. 移動端設定（以蘋果為例，安卓同理）

在電腦命令視窗中輸入ipconfig，獲取當前電腦IPV4的地址，如下圖所示：

在移動端WLAN設定中，選擇與電腦連線的同一個網路，進入高階設定如圖所示

代理伺服器主機名：輸入ipconfig獲取的ipv4的地址
代理伺服器埠：輸入fiddler中預設的監聽埠8888，點選儲存。
在移動端chrome瀏覽器/自帶瀏覽器中輸入192.168.1.32:8888，開啟如下頁面，點選FiddlerRootcertificate，下載並安裝即可

抓以下apple官網，如下圖所示：

二、Fiddler弱網設定

1.Customize Rules

Rules->Customize Rules，開啟Fiddler script檔案，找到m_SimulateModem，如下圖所示：

英文直譯：
上傳延遲傳送每KB 300ms
下載延遲接收每KB 150ms

若模擬上傳50kb/s的網速，則修改oSession[“request-trickle-delay”] = “20”;
計算公式：1000/網速 = oSession

設定完成後，Rules->Performance->Simulate Modem Speeds，開啟後才生效。

2.測試結果檢視

[Statistics]單個請求內容如下，可直譯理解

多個請求：
Ctrl+滑鼠，選中多個請求

ACTUAL PERFORMANCE

Requests started at：請求開始時間
Responses completed at：響應完成時間
Sequence (clock) duration：第一個請求開始時間至最後一個請求響應完成時間的時間差
Aggregate Session duration：選中的所有請求持續時間之和
從chart圖上可直觀的看到耗時的請求