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点，断点调试。
好了，到这里就分享的差不多啦，大家看后有什么问题可评论或私信，欢迎指正～