提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

Charles 抓包修改 request 请求数据和响应数据

响应数据 修改 请求 request 抓包 Charles
2023-09-11 14:16:28 时间

Charles是一款常用的抓包工具，抓包工具可以截取通过它设置代理服务器下所有通过他发起与返回的网络请求，和fiddler、wireshark，原理是一样的。

  • Charles主要功能有：
    1、截取各种协议的网络包
    2、支持修改请求参数
    3、支持修改返回结果
    4、支持模拟弱网测试

  • Charles抓包的意义
    定位问题，因为可以获取发出去的请求，请求头，请求体，返回的数据，所以可以定位是前端的请求问题，还是后端的返回问题，或者是前端对返回取值的问题。测试同学就可以针对性的提bug，提升效率。除此之外，可以拦截请求，可以修改请求，即可以协助测试同学测试各种异常情况。

Charles 修改请求与返回操作
在测试过程中，我们往往需要测试异常场景，通过正常的造数据，可能比较麻烦，我们就可以在Charles中对请求设置断点，在发起请求的过程，我们可以修改请求参数去发起请求，在请求成功后，我们可以修改返回的数据。

  • 先发起一次请求，对该请求设置断点，此次设置后，以后每次请求都将被拦截住。选中此次请求的default，右键，然后选择Breakpoint

输入”付鹏告别李佳琦选品团队“并百度一下，打开Charles找到抓取的该接口

在这里插入图片描述

右键点击Breakpoints

在这里插入图片描述

开始设置断点值

Proxy点击Breakpoint Settings

在这里插入图片描述

勾选Enable

在这里插入图片描述

copy URL

在这里插入图片描述

copy url完毕点击Add添加

在这里插入图片描述

把copy的url输入到Host框内

在这里插入图片描述

把Query框内容替换为*

在这里插入图片描述

修改完*点击Ok

在这里插入图片描述

重新请求接口

在这里插入图片描述

点击Charles的Breakpoints框会发现此接口有Edit Request

在这里插入图片描述

自行修改Request参数并点击Excute

修改Request参数

wd里面的内容是搜索框输入的内容，可以任意更改搜索信息，更改后点击Execute
网页会展示最新搜索内容

在这里插入图片描述

 

修改完后点击Excute

在这里插入图片描述
点击Excute之后网页的变化

在这里插入图片描述
停止断点点击Abort即可

在这里插入图片描述

*****************当找不到Request时，点击Edit设置–Viewers，不要勾选此项即可，点击Ok保存设置
在这里插入图片描述
在这里插入图片描述

相关文章