相信大家曾經都是Window的用戶，作為前端哪能沒有一款抓包工具，抓包工具可以非常便捷的幫助我們分析接口返回報文數據，快速定位問題。
曾經橫掃window用戶的Fiddler便是我們的摯愛，然而，作為前端開發者還是習慣用高大上的MAC進行開發，本次博客將給大家介紹MAC電腦如何安裝抓包工具，以及如何設置HTTPS連接的抓取。
一、下載Charles 4.0 版本的軟件。
鏈接: https://pan.baidu.com/s/1jI5j0O2 密碼: u5r2
下載完成后，雙擊安裝即可，直到安裝成功，如下圖：
二、破解Charles4.0軟件
中國用戶大都喜歡搞破解版，因為不破解，就沒法長期使用，除非我們願意花錢，然~~~~~~
1. 破解之前，請大家先下載破解需要的jar包：
鏈接: https://pan.baidu.com/s/1jI5j0O2 密碼: u5r2
2. 點擊Finder，在左側找到應用程序菜單，並在右側找到安裝的抓包軟件，如下圖：
3.對着Charles軟件，鼠標右鍵顯示包內容，如下圖：
4.打開之后，會看到Contents文件夾，如下圖：
5. 繼續打開Contents文件夾，里面如下：
6. 繼續打開Java目錄，里面存放的有很多jar包，將下載下來的jar包拷貝進去覆蓋即可，然后關閉軟件，重新打開（如果軟件本身就沒有打開，則直接打開即可）。
到此抓包工具Charles已經破解成功，大家切記版本，不同的版本，破解方式不一樣，我用的是4.0的版本，大家下載的也是4.0的版本，千萬要對號入座。
三、接下來，我們開始抓取Http請求，分別包括PC抓取和手機抓取
1.Chrome瀏覽器本身的開發者工具已經非常實用，打開開發者模式，點擊NetWork即可抓取。
2.手機端配置代理，抓取手機端訪問的Http請求。
a.查看當前電腦IP
b.打開Charles軟件，選擇Proxy Settings 進入到代理設置界面
Port默認為8888，勾選Enable transparent HTTP Proxying
c. 打開手機，進入到設置，選擇無線局域網 ，找到當前連接的WIFI，輸入IP和端口，如下：
配置完成后，打開瀏覽器，隨意輸入一個網址看看是否能加載成功，如果加載正常，說明配置正確
緊接着，我們就可以抓取任意web頁面的http請求。（無法抓取Https請求）
3.抓取HTTPS連接的請求
1）安裝SSL證書到Iphone手機設備
點擊 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device
Iphone手機出現彈窗得到地址 chls.pro/ssl
在手機Safari瀏覽器輸入地址 chls.pro/ssl，出現證書安裝頁面，點擊安裝
手機設置有密碼的輸入密碼進行安裝
注意1：Safari瀏覽器輸入這個網址chls.pro/ssl安裝不了證書的情況,
a.設置好手機HTTP代理
b.電腦上Charles要開着
注意2：iOS 10.3系統
需要在 設置→通用→關於本機→證書信任設置 里面啟用完全信任Charles證書
Android手機安裝https證書時輸入網址：然后在手機瀏覽器中訪問手機http://charlesproxy.com/getssl
出現安裝證書提示，隨便打個名稱 比如android，選擇WLAN（這里Android，一定要選WLAN而不是VPNxxx），確定
(2）Charles設置Proxy
Proxy -> SSL Proxying Settings...
勾選Enable SSL Proxying,點擊Add
到此HTTPS已經配置成功。
近期剛上線一門基於微信小程序、公眾號和小程序雲開發的微信授權、分享和支付的專項課程，如果你對支付感興趣可以考慮入手：
https://coding.imooc.com/class/343.html
React全家桶開發通用的后台管理系統：
https://coding.imooc.com/class/236.html
Vue2.0+Vue-Router+Vuex+Node+Mongo開發全棧商城課程
https://coding.imooc.com/class/113.html
慕課講師：河畔一角