Charles打断点
打断点要做什么
请求到接口数据并打断点
设置断点
修改返回值并展示
取消断点

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


此时这个url已经被记录下来啦
设置断点
点击Charles工具中Proxy—>Breakpoints Settings,就会弹出断点设置窗口


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


修改返回值并展示
刷新页面（重新调用该接口），就会自动跳转到断点修改页面啦

在这里修改你需要的字段，改好以后点击  Execute ，你修改的数据马上就展示在页面上啦
取消断点
点击Charles工具中Proxy—>Breakpoints Settings,弹出断点设置窗口，在该窗口选中你要取消的断点，remove就好啦！

 

1、先选中要打断点的url地址，右键，选择Breakpoints

2、菜单栏proxy下的Breakpoints Settings，勾选要断点的地址

3、双击该地址，将Query里清空，path中不确定的值也可打*匹配

前言

测试中，我们经常会遇到一些边界值数据很难造出来，首先能想到的是是否可以模拟这些场景，以覆盖case，这时经常需要修改接口请求或者返回数据。我们可以通过抓包工具打断点，实现模拟测试场景。常用的抓包工具Charles和Fiddler均可打断点mock数据。因为我的电脑上安装的Charles,这里给大家介绍一下如何通过Charles打断点，修改接口请求&返回数据。

Charles打断点

抓取想要修改的接口
设置目标接口打断点

右击目标接口，点击Breakpoints


配置断点

点击Proxy ->Breakpoints Settings



双击目标接口 ->选择断点类型





如果仅需要修改接口的返回内容，只勾选Response既可
重新请求接口进行修改

重新请求接口(重新操作网页&app) ->charles修改接口数据 ->点击Execute


查看前端是否显示已修改数据

Charles 打断点 修改请求值或返回值
第一种

1.想要修改请求值的接口打断点





2.再次请求，断点会被阻挠，点击edit request,JSON Test 这里可以修改请求值以及查看请求值

点击Excute（执行）



3.待接口返回 点击Edit Response,JSON Test 这里可以修改返回值以及查看返回值,点击Excute（执行）即可

第二种
右键→compose

可以修改参数及请求url