Charles(最强大的http调试工具)详细教程（下）

上半部分讲解了Charles最常用功能代理的使用，下半部分继续演示Charles的特色有趣的功能。

网速模拟功能

throttle功能对于前端来说非常实用，可以看页面在低网速下的表现，从而找出优化的点。

在线上环境通常有些因为网速慢导致的bug，在本机无法重现，那时候就很抓瞎，如果嫌远程麻烦，推荐使用throttle。

首先先配置下throttle。

我们要看页面在3G环境下的表现：

（Charles的预配置对于中国的网络环境并不准确，电信、移动、网通的速度还有有明显差异。）

解析下图上几个配置的含义：

Bandwidth（带宽）、Utilistation（利用百分比）、Round-trip（往返延迟）、MTU（字节）（MTU的说明请看百度百科）。

牛逼的断点功能

Charles另一个非常实用的功能，对于开发者和测试人员来说，堪称神器。Charles能够断到发送请求前（篡改Request）和请求后（篡改Response）。

场景：ajax发送请求，我们需要测试接口的各种边界情况，比如出错、超时等表现，Charles的断点+随意篡改，非常方便测试。

upload.php是我们要测试的上传接口，右键选择“BreakPoints”，开启断点。

小技巧：不用在web界面中操作，使用repeat功能，就可再次发送一样的请求：

断点列表查看

可以指定断点“get”请求还是“post”请求。

重复发送请求

repeat功能对于测试同学特别有用，可以检验接口的健壮性。

repeat功对于前端的价值是不需要刷新页面，只需要repeat请求，比如检验代理是否成功，修改请求后执行等。

“repeat”重复发送一次请求。

“repeat Advances”可以自定义重复次数和重复间隔。

捕获记录控制

捕获的请求太多，容易产生干扰，Charles可以对捕获记录进行过滤。

然后配置“exclude”：

web界面

Charles有个有趣的web界面：

强大的是可以控制是否远程可以访问这个界面，还可以设置用户名和密码…碉堡了…

浏览器输入http://control.charles/ ：

Charles还有其他有趣功能等待大家挖掘，由于用的比较少，这里就不再累述。