相信大家曾经都是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
慕课讲师：河畔一角