Charles打断点

打断点要做什么

对于测试来说,Charles的作用就是查看我们调用接口的时候接口给我们返回的数据,以此我们来判断bug是出在前端还是后台,一个好的测试,要学会用数据说话,拿出有力的证据来证明这是一个bug,同时也帮助开发人员定位问题所在。还有另外一个重要的常用功能就是打断点(Breakpoints),拦截接口返回数据,修改,并展示。这种场景常用在一些边界值或者现实并不好模拟的情况,比如说超大数据,或者一些内部权限问题不能展示的信息。

那我们进入正题。

请求到接口数据并打断点

先请求到接口数据,在左侧请求的url右击打断点
Charles打断点

此时这个url已经被记录下来啦

设置断点

点击Charles工具中Proxy—>Breakpoints Settings,就会弹出断点设置窗口

Charles打断点
双击你要修改的url返回弹出设置框,一般情况下你要修改的是response信息,所以只勾选上response,把Query填成*,然后 一路OK
Charles打断点

修改返回值并展示

刷新页面(重新调用该接口),就会自动跳转到断点修改页面啦
Charles打断点在这里修改你需要的字段,改好以后点击 Execute ,你修改的数据马上就展示在页面上啦

取消断点

点击Charles工具中Proxy—>Breakpoints Settings,弹出断点设置窗口,在该窗口选中你要取消的断点,remove就好啦!