本文主要是介绍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进行过滤，如下所示。
这篇关于Charles的安装和web端抓包配置的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
