有時候寬頻網路用習慣了…
在開發的過程就比較少去考慮最佳化的問題…·
但當有人反應說「你的網頁好慢」
甚至當網路速度慢，會造成你的網頁跳出什麼啊哩不噠的bug時要如何重現呢？
我們可以用fiddler 這套強大的web debugging 工具…
fiddler是乙個web除錯**。它能夠記錄所有客戶端和伺服器間的http請求，允許你監視，設定斷點，甚至修改輸入輸出數 據，fiddler包含了乙個強大的基於事件指令碼的子系統，並且能夠使用.net框架語言擴充套件。更多詳細的資訊我們可以在fiddler的官方**上去了 解，上面詳細介紹了fiddler的用法與擴充套件。
勾選之後，你會發現你的網路瞬間慢超多…
(想當年國中時我們的網路速度也是一路降子走來啊…)
如果你覺得模擬的速度慢到乙個**，不make sense 的話…
你也可以自己定義modem speeds 究竟要多快…
點開rules → customize rules (如下圖)
找m_simulatemodem這個字，你會找到下面這段：
//code from請注意，當你存檔之後，原本已經勾選的simulate modem speeds 會被取消勾選，// delay sends by 300ms per kb uploaded.
osession["request-trickle-delay"] = "300";
// delay receives by 150ms per kb downloaded.
osession["response-trickle-delay"] = "150";
要記得再到rules → performances → simulate modem speeds 勾選喔~
以windows 為例，fiddler 開了之後，只要是走ie 下「網際網路選項」的程式(ie, chrome)
預設所有流量都會經過fiddler
如果你覺得你在模擬低速網路連網頁時，不想影響其他程式…
你可以指定fiddler 只針對某process debug...
方法為，把fiddler 視窗中，那個很像靶心的東西給拉到你要debug 的程式上(如下圖)
被你靶心拉到的程式，在一瞬間會有「觸電」的感覺如下圖xd
放開滑鼠後，fiddler 就只會監控你指定的process 囉~
ps：這裡我個人有個小疑問，怎麼只針對手機端的process來debugging呢？
Fiddler模擬低俗網路環境
iddler，這個除了是個抓包工具外，還提供了乙個功能，就是可以讓我們模擬低速網路環境。其中有兩種方法可以降低測試的網路環境。方法1 直接在fiddler裡面設定，rules performances simulate modem speeds。勾選simulate modem speeds，如圖所...
Fiddler抓包模擬弱網路環境測試
官網 這就是fiddler的主介面了 fiddler還需要設定一下需要設定一下，找到頭部的tools功能，然後點選第乙個功能options，會彈出乙個介面 找到connections，把port改為8888，這個時候就可以使用我們的手機 到電腦上了。開啟我們的手機，進入wifi設定，這裡要注意的是安...
fiddler模擬弱網環境
我們在測試過程經常遇到網路延遲會出現什麼提示這樣的用例，然而公司的網路環境一般都不會太差的，那麼這個弱網環境應該怎麼模擬呢？這個時候我們就可以用fiddler了。點選rules customize rules，然後彈出乙個編輯器一樣的視窗，在視窗中找到下面的m simulatemodem，其中req...