真香自从用了Charles，Fiddler已经被我彻底卸载了

我就是我 2023-10-08 15:10 43阅读 0赞

![在这里插入图片描述][5fb87c883155482198a70b4dca710d26.gif_pic_center]  
在做客户端/服务端测试时，经常需要对客户端的操作进行抓包分析，排查请求和响应数据是否符合预期。因此抓包能力是软件测试从业者的必备技能。目前行业里常用的抓包工具主要有Fiddler和Charles。本文重点讲解下Charles的基本使用。

Charles 是一款支持 HTTP 代理和抓包的网络代理软件。浏览器或APP通过 Charles 访问网络时，它可以记录并显示所有发送、接收的数据。

### 01 安装 ###

Charles依赖Java运行环境，本机需要先配置好jdk（具体安装配置略）

访问Charles官网：https://www.charlesproxy.com/

点击右侧下载按钮，就能下载最新版Charles，在Windows下双击安装即可。目前最新的版本是4.6.2。

### 02 web抓包 ###

默认情况下，启动Charles后，就能自动抓Chrome浏览器、Firefox浏览器的包，如果不能抓，请检查Charles中是否勾选了代理开关“Windows Proxy/Mac Proxy”

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16]

### 03 常用功能 ###

Charles主要提供两种查看封包的视图，分别名为 “Structure” 和 “Sequence”

Structure 视图将网络请求按访问的域名分类

Sequence 视图将网络请求按访问的时间排序

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 1]

### 04 请求过滤 ###

默认情况下Charles会抓取所有的数据包，并展示在请求列表中。但是大多数情况下，我们只关系某个ip或某个域名下的包Charles提供了过滤器，帮助我们显示/排除指定的HTTP请求。

Charles有两种方式可以实现请求过滤：

方法一：

请求列表下方的Filter可以实现简单的过滤功能，输入关键字即可筛选出对应URL

![图片][796a0b16831a4c8ba50812fc33f3bc60.png]

方法二：

菜单栏“Proxy-Recording Settings”里，设置include（包含）和exclude（排除），可以仅显示或者不显示指定的url

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 2]

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 3]

### 05 弱网测试 ###

和Fiddler一样，Charles也提供了弱网模拟的功能，测试浏览器/APP在弱网条件的使用情况。

菜单栏里“Proxy”–>“Throttle Setting”里，Charles内置了不同的网络模式：56kbps、256kbps … 3G、4G等，来模拟不同弱网效果。还可以手动修改Download和Upload的值，模拟不同的速度。

需要注意的是，这里的网络速率值，单位是bps，对应到常用的byte/s，还需要除以8，如图中的4096kbps，实际为512kb

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 4]

### 06 请求/响应断点 ###

如果想对某个请求进行拦截，修改请求的参数。或者修改某个请求响应中的值，可以使用Charles的断点功能。

在请求列表中，选择某个URL，右键点击“Breakpoints”，默认就给这个请求设置了请求+响应断点。进行指定的操作时，Charles就会拦截对应的请求，并支持数据修改

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 5]

修改服务端返回的响应内容，比如将success修改为fail

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 6]

如果想做一些更详细的的断点配置设置Breakpoint Settings

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 7]

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 8]

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_19_color_FFFFFF_t_70_g_se_x_16]

### 07 APP抓包 ###

和Fiddler一样，Charles也可以抓APP端的包，需要进行以下设置，ProxySetting中设置允许远程HTTP代理

![图片][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 9]

电脑和手机连接同一WiFi，在手机端设置WiFi代理，指向Charles所在的ip和8888端口

最后，Charles还有很多高级功能，大家可以去官网查看文档进行学习。

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]  
这些资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！凡事要趁早，特别是技术行业，一定要提升技术功底。

关注我的微信公众号：【**`伤心的辣条`**】自行获取~

我的自动化测试之路，一路走来都离不每个阶段的计划，因为自己喜欢规划和总结，所以，我和朋友花了一段时间整理编写了《软件测试工程师发展规划路线》，也整理了不少【教程资源】，打包好了分享在群里面。有需要的朋友可以进群：914172719 获取。希望会给你带来帮助和方向

**喜欢软件测试的小伙伴们，如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！**  
![在这里插入图片描述][a6ced78a433e44298b62d44f3d230588.gif_pic_center]

[5fb87c883155482198a70b4dca710d26.gif_pic_center]: https://img-blog.csdnimg.cn/5fb87c883155482198a70b4dca710d26.gif#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/aa665f3a9bc44e4aa2f9f995a2aca60a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/8f0229df8d344d598708fdae7d16c34a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[796a0b16831a4c8ba50812fc33f3bc60.png]: https://img-blog.csdnimg.cn/796a0b16831a4c8ba50812fc33f3bc60.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/d21bf79170594a399d32aa1cd3bbc113.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/1902ba283f2940c1aa7cf1660f1f9ccf.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/25b75c6ae84a4018a3bfa603abb52616.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 5]: https://img-blog.csdnimg.cn/5cdbc773deef4352b2289d134b3a39f3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 6]: https://img-blog.csdnimg.cn/a11e9782367046a0a3c5763440318d0e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/2d3d6ee2315849169b2b240b6ddff6f5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 8]: https://img-blog.csdnimg.cn/2e1dbfb1554f4e7b9defc83705bf1fd6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_19_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/9c705aa0d2c34e808f2126bf4c391811.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_19,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16 9]: https://img-blog.csdnimg.cn/225bd877b14c475c8184129842c792c2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/449549c20306422784bcc89c605494fb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2v5Lu25rWL6K-V5ZCb,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
[a6ced78a433e44298b62d44f3d230588.gif_pic_center]: https://img-blog.csdnimg.cn/a6ced78a433e44298b62d44f3d230588.gif#pic_center