簡介

Charles其實是一款代理服務器，通過成為電腦或者瀏覽器的代理，然后截取請求和請求結果達到分析抓包的目的。該軟件是用Java寫的，能夠在Windows，Mac，Linux上使用。開發iOS都在Mac系統上吧，安裝Charles的時候要先裝好Java環境。這么好的軟件不是免費的，官網要好幾十刀呢，我這里有一個Mac上的破解版，點擊這里下載，當然不是最新版的。如果你想體驗最新版，Charles是提供試用的。

Charles主要功能

• 支持SSL代理。可以截取分析SSL的請求。
• 支持流量控制。可以模擬慢速網絡以及等待時間（latency）較長的請求。
• 支持AJAX調試。可以自動將json或xml數據格式化，方便查看。
• 支持AMF調試。可以將Flash Remoting 或 Flex Remoting信息格式化，方便查看。
• 支持重發網絡請求，方便后端調試。
• 支持修改網絡請求參數。
• 支持網絡請求的截獲并動態修改。
• 檢查HTML，CSS和RSS內容是否符合W3C標準。

開始抓包

先看一下Charles的廬山真面目吧！

接下來要把電腦設置為代理

這樣你會發現，你通過瀏覽器請求的網址都會出現在這里，iOS模擬器的所有的網絡請求也會出現在這里。點擊某一個網址后，你會發現右邊會出現這個網址請求的大概信息，點擊具體的請求后會出現request和response等信息

如果你發現返回的是亂碼，首先看是在http請求還是https請求，如果是http請求，那么應該就是返回來的中文亂碼,解決方案是找到該軟件顯示包內容，Contents目錄下的info.plist，打開文件找到vmoption,添加-Dfile.encoding=UTF-8即可。

如果是https請求出現的亂碼，如下圖這種情況

這時候你就需要安裝Charles的CA證書了，首先到去 http://www.charlesproxy.com/ssl.zip 下載CA證書文件。雙擊crt文件，選擇總是信任就可以了，當然如果要抓取iPhone設備上的HTTPS請求，需要在iPhone上也安裝一個證書，在手機瀏覽器輸入這個網址：http://charlesproxy.com/getssl ，點擊安裝即可。然后你就可以告別那煩人的亂碼，可以愉快地抓包了。如果這時候你還是抓不了的話，檢查一下Proxy-->SSL Proxying Settings是否設置OK，設置參考下圖：

抓取真機上的包

抓取真機上的數據非常的簡單，首先使手機和電腦在一個局域網內，不一定非要是一個ip段，只要是同一個路由器下就可以了。按照上面說的把證書安裝好，然后找到電腦的IP，你可以選擇在終端輸入ifconfig en0來獲取，也可以選擇打開網絡偏好設置來查看。

終端獲取IP

網絡偏好設置查看IP

接下來打開Charles的代理設置：Proxy->Proxy Settings，設置一下端口號，默認的是8888，這個只要不和其他程序的沖突即可,并且勾選Enable transparent HTTP proxying。

端口號設置

在手機上連接上和電腦在同一局域網的網絡上設置HTTP代理。端口號就是剛剛在Charles上設置的那個。

然后在手機上隨便打開一個網址，這是Charles會彈出一個框讓你確認是否代理，點擊allow就可以了，然后你就會在Charles上發現手機上的請求了。

過濾

在 Charles 的菜單欄選擇 Proxy->Recording Settings，然后選擇 Include 欄，選擇Add，然后填入需要監控的協議，主機地址，端口號,這樣就達到了過濾的目的。如下圖：

斷點

斷點的功能搞開發不會不知道，在Charles發起一個請求的時候，我們是可以給某個請求打一個斷點的，然后來觀察或者修改請求或者返回的內容，但是在這過程中藥注意請求的超時時間問題。要針對某一個請求設置斷點，只需要在這個請求網址右擊選擇Breakpoints就可以斷點某一個請求了。

模擬網速慢

有時候在開發的時候我們想要模擬一下網絡慢的情況，這時候Charles他是可以幫助到你的，在Proxy->Throttle Setting，然后選擇Enable Throttling，在Throttle Preset下選擇網絡類型即可，具體設置你可以自行拿捏。

請求重定向

請求重定向的作用是什么呢？開發中一般都是測試環境，如果我們想對比一下和線上版本的區別的話，可以講測試的請求重定向到正式環境下。在選擇 Tools->`Map Remote下：

內容替換

有時候我們會測一下請求的參數不同會帶來不同的返回結果以測試是否達到業務需求，或者需要不同的返回結果來驗證我們對數據的處理是否正確，這時候需要后臺的同事配合，但是有了Charles，我們可以自己把控接口返回來的內容，比如數據的空與否，數據的長短等等。在Tools->Rewrite Settings下：

其他

Charles還有一下其他的妙用。慢慢的去發掘吧！