Charles是我最近發現的特別好用工具，相信測試工程師都比較熟悉，但作爲新手的前端開發可能會有一些不太懂，今天就來分享一下如何使用Charles。
目錄
功能介紹：
- 抓包（http和https都可以抓到）
- 斷點調試（請求前的斷點和響應後的斷點）
- 模擬弱網（Chrome也可以做到，但Charles更精確）
- APP端調試
- 映射本地資源
- 接口調試（測試人員使用較多）
安裝
進入Charles官網（https://www.charlesproxy.com/download/），選擇和你電腦匹配的型號進行下載然後安裝。注意，此軟件爲收費軟件，可以提供 30 天的免費試用體驗。試用期過後，爲付費的用戶，仍然可以繼續使用，但是每次使用時間不能超過 30 分鐘，並且啓動時將會有 10s 的延遲。所以如果只是偶爾使用一下，可以考慮一直使用免費版本，如果長期依賴抓包的話，可以選擇付費或者去網上找一些註冊碼來解決 Charles License 的問題，這裏就不過分贅述了。
使用
首先打開電腦的網絡偏好設置=>高級=>代理=> 勾選網頁代理或者安全網頁代理（根據自己需要勾選），然後填寫代理服務器的地址和端口。（地址一般都是127.0.0.1，端口可以去Charles查看，點擊設置就可以看到他使用的端口號）
電腦配置好之後，再打開Charles去配置。按下圖所示，配置你要去抓哪個網站的請求，端口號都是443，*號代表所有的請求都去抓。
配置完成後，打開Charles，就能看到抓到的一些網站請求啦。
下圖是一張Charles頁面的基本介紹，左邊是抓到的一些請求，當然Charles還有工具欄，具體功能可以去看官網介紹，因爲不常用，我就不一一介紹了，英文比較好的大神可以也鼓勵自行理解～
點擊左邊的請求 右邊就會顯示詳細的請求頁面，比如header，cookies等信息，也可以看到這個請求的響應，注意，有時候會出現亂碼一般解決辦法可下載安裝CA證書，然後選擇信任即可解決。具體操作辦法可去百度搜索Charles亂碼解決辦法。
功能詳細介紹
上面是一些簡單操作，接下來講一下上述提到的每個功能的操作，實際上他的功能遠不止於此，本文只是介紹了常用的，想要獲取更多可去官網查閱。
1.抓取https請求
一般按照上述配置之後，只能抓取到http請求，大家知道https是有一層ssl安全協議的，所以要想抓https，就得安裝證書。
附：安裝證書的步驟
2.斷點調試
鼠標選中要使用斷點的請求，右擊選擇BreakPoints，下圖是我已經選中的狀態
然後再次刷新頁面，會發現頁面一直在等待，點擊下圖execute執行，頁面正常加載，當然可以在執行前編輯請求或響應，一般測試工程師用的較多。
3.模擬弱網
簡便的方法是直接點擊工具欄中小烏龜的圖標，或者用Chrome模擬3g4g等。如果想要設置具體的網速，可以選擇菜單欄的Proxy->Throttle Settings，點開之後勾選Enable，底下的可選可不選，根據自己的需求去設置完成。
4.APP端調試
手機端調試分爲iPhone和Android，簡單來說就是手機設置代理到Charles，並且安裝證書，然後手機端的不論app還是瀏覽器的請求，Charles都是可以抓到的。
手機具體設置可參考這篇文章。手機端設置抓包
5.映射本地資源（此場景前端開發工程師使用較多）
選擇要映射的請求，右鍵打開，選擇Map Local，然後點擊choose選擇本地文件的地址，這樣就可以使用本地代碼去調試線上環境啦。
6.接口調試
接口調試其實也是通過打斷點的方式來實現，打了斷點之後可以去改變接口的一些請求參數，從而達到調試接口的目的。可參考上述第2點，斷點調試。
好了，到這裏就分享的差不多啦，大家看後有什麼問題可評論或私信，歡迎指正～