Charles添加断点拦截请求 修改request或者修改response

说明

用Charles的时候,经常遇到要修改request或者response的需求。

这里就用访问博主的博客为例子说明:
https://blog.****.net/zgpeace

没有修改之前的页面,用手机访问:
Charles添加断点拦截请求 修改request或者修改response

一、添加Charles断点

1、用Charles抓包发起一次接口请求

2、对要打断点的接口右键,选择【Breakpoints】.
1. 启动断点功能enable breakpoint
2. 在需要加断点的url右键
3. 选择Beakpoints
Charles添加断点拦截请求 修改request或者修改response

二、Charles断点设置

1、点击Charles菜单-【Proxy】-【Breakpoint…】,此时会弹出【Breakpoints Settings】对话框
Charles添加断点拦截请求 修改request或者修改response
2、双击【Location】内的接口地址,此时会弹出【Edit Breakpoint】对话框

3、在【Query】项输入:*

4、勾选【Request】【Response】
Charles添加断点拦截请求 修改request或者修改response

三、修改接口返回值

1、再次发起接口请求,此时会弹出下面的对话框

2、点击【Edit Request】> Headers > Execute, 笔者这里没有修改,get的请求暂时不需要改。
Charles添加断点拦截请求 修改request或者修改response

3、点击【Edit Response】> Headers > Execute, 笔者把HTML的【程序员易筋】改为【程序员易筋666】。
Charles添加断点拦截请求 修改request或者修改response
4. 网页显示的结果页面
Charles添加断点拦截请求 修改request或者修改response