Charles的安装和web端抓包配置

1.Charles的安装

        通过官网下载：https://www.charlesproxy.com/download/，我之前下载的是4.6.2版本，下载成功后点击安装包，点击下一步下一步即可安装成功。

​​

​

        安装成功后打开charles页面如下所示。

​

2.乱码问题解决

        打开Charles之后进行抓包，如抓取百度首页，可以看到很多unknown，Contents中很多乱码，可以安装如下思路进行排查。

​

2.1.检查证书

        检查是否安装证书或者证书是否过期，如果未安装或者过期可以按照如下步骤进行安装，如下所示。

​

​

​

​

​

2.2.SSL配置检查

        在Proxy-SSL Proxying Settings页面的SSL Proxying页面下确保勾选了Enable SSL Proxying，然后在include下点击add添加443端口，如下所示。

​

 2.3.代理服务器端口检查

        想要能够正常抓包，需要保证浏览器的端口和Charles的一致，比如都是8888端口，我的是windows11系统，直接搜索“代理服务器设置”即可，部分代理服务器可能需要在浏览器上查找代理配置进行设置，如下所示。

​

​

3.Charles功能介绍

        Charles的图标功能如下所示。

4.抓取指定地址

        当Charles打开的时候会抓取各种地址的包数据，我们可以通过以下方式来过滤只显示我们需要的数据，还是以抓取百度为例。

4.1.通过Focus指定

        在需要显示的地址上右击然后选择Focus即可，Charles就会将所有的抓包分成2组，一组是我们需要过滤出来的，另一组是Other，如下所示。

4.2.通过filter过滤

        我们也可以通过底部的Filter进行过滤，如下所示。