mobile開發福音mac版之Fiddler

標籤：mac fiddler   免費   mobile web 調試工具   

mobile開發麻煩在什麼地方？和早期的js一樣調試目前是它最頭疼的地方之一，特別是在mac下，要知道mac下的軟體基本都是不便宜的，在window下可以通過Fiddler做些攔截、網路延時之類的操作，那mac下有沒這樣的免費工具？當然有，今天給大家介紹一款神器auto_response，點擊這裡可以去git上看下。

安裝方法很簡單，開啟終端，輸入：

gem install‘auto_response‘

而且它主要的命令就下面三個:

ar start
ar status #check server status
ar stop #stop proxy server

回到正題在安裝完畢後，需要要設定代理，推薦用chrome 外掛程式 SwitchySharp, 建立一個情景模式，手動設定 HTTP 代理到 9000 連接埠。然後開啟auto_response的設定檔，命令如下：

open $HOME/.auto_response/rules

通過開啟的設定檔編輯它（我是預設的xcode開啟的），設定檔裡面的注視很詳細，這裡主要說說如何攔截檔案讀取本地資源，因為大部分頁面資料可能會依賴服務環境，或者出現bug後直接瀏覽的是伺服器上的檔案，這個時候調試可能需要將線上js或css檔案攔截指向到本地，來達到調試效果，這裡比如我們需要攔截的是百度下一個js檔案和一個css檔案（這裡路徑隨便寫的），那我們可以這麼做，在編輯中輸入：

url "http://baidu.com/test.js"
goto "/Users/zimo/Projects/test.js"

url "http://baidu.com/test.css"
goto "/Users/zimo/Projects/test.css"

這樣在瀏覽器訪問這個兩個地址或者包含這個兩個地址的page時，讀取的檔案其實是Beni 的，不過注意，訪問時需要通過SwitchySharp開啟代理，並且ar start啟動工具

那我們mobile上怎麼配置呢？很簡單有兩種方式一種是通過vpn，這裡一ipone為例子，找到 設定 -> 通用 -> VPN，開啟 VPN， 將代理調為 手動模式，填入本機 ip, 連接埠號碼填 9000，儲存後和pc一樣訪問這2個檔案或包含檔案的pege；另外一種方式是找到 設定 -> 無限區域網路 -> 點擊使用的wifi，同設定VPN一樣點擊底部的HTTP代理“手動”輸入上面一樣的資訊儲存；

我們是不是漏了什麼，別急網路延遲其實很簡單和Fiddler類似只需要在設定檔中加入：

url "http://baidu.com"
delay 5

其中5就是延遲事件具體大家可以試試

另外它還可以和Fiddler一樣抓取通過auto_response的資料包，具體方法為：

ar start -t

然後，瀏覽器開啟 http://127.0.0.1:9090，重新整理下手機上的 http://baidu.com 就可以獲得資料包了，同時控制台還能輸出列印的訊息，結合safari 的開發工具看誰敢說mac是草包，最後補充句mac開發真心強大

mobile開發福音mac版之Fiddler