Charles抓包神器全方位指南-从设置到会话捕获

如何设置显示Request和Response

大家好，我是watchpoints。别想太多，只管提问，所有问题，都会有答案。watchpoints既是我的GitHub用户名，也是我的微信用户名。如果我对某些内容的解释不够清楚，欢迎大家随时提问。

现在，让我们来解答一个常见的问题：如何设置显示Request和Response？这个问题的答案其实就在Charles的设置中。无论是从官网下载的Charles还是其他途径，设置方法都是一样的。接下来，我会详细介绍一下如何在mac上设置显示Request和Response。

首先，启动Charles后，点击Charles菜单，然后选择Preferences（偏好设置）。在弹出的窗口中，你可以找到相关的选项来设置显示Request和Response。这样，你就可以轻松地查看网络请求和响应了。

在设置界面中，点击Viewers选项。
取消Combine request and response前面的勾选，这样设置后，Request和Response将分别显示，便于查看。
若还需查看Request的请求头和请求数据，可以在第2步中将Combine header and body viewers的勾选取消，这样Request的请求头和请求数据将分别以可视化的方式呈现。

确认并点击OK进行保存。

PC端

在电脑端，我们通常需要抓取的是Web网站的请求和响应信息。现在，让我们看看如何在电脑端进行抓包设置。

Web 抓包

使用Charles进行Web抓包相当简便。一旦启动Charles，它会自动与浏览器设置成代理关系，无需繁琐的设置步骤。随后，当通过浏览器发送网络请求时，Charles便能直接捕获这些请求及其响应信息。

细心地小伙伴们可能已经注意到，上图中我们抓取的是基于HTTP协议的Web网址。但若要抓取HTTPS协议的Web网址，会面临一些挑战，可能导致演示不成功。因此，为了确保演示的顺利进行，我们选择使用HTTP协议的网址进行演示。

移动（手机）端

App抓包

Charles不仅能在电脑端捕获HTTP请求，还能抓取来自手机App的HTTP请求。但请注意，手机抓包需要在电脑端进行相应配置，并确保手机和电脑处于同一网络环境中。

接下来，让我们了解如何进行配置。首先，启动已安装好的Charles抓包工具。其次，查看电脑的IP地址。这可以通过两种方法实现：一是打开“运行”窗口（快捷键：win+R键），输入“cmd”后进入命令行窗口，在其中输入“ipconfig”命令查看IP地址；二是直接在Charles中查看，选择“Help”->“Local IP Address”。最后，在Charles的设置中，点击【Proxy】–>【Proxy Settings】，并设置端口号为“8888”（请注意，Charles和Fiddler默认的端口号都是8888）。完成这些步骤后，您就可以开始在手机端进行抓包操作了。

移动端设置

Android手机

在Android手机上进行设置时，需要在同一WiFi网络下配置代理。通常，这可以通过长按连接的WiFi网络，并选择“修改网络”来完成。接着，在弹出的窗口中填写服务器的地址和端口号。服务器地址应设置为计算机的IP地址（例如1163），端口号则填写为8888。完成这些步骤后，您的Android手机就准备就绪，可以开始抓包操作了。

配置完成后，点击【存储】以保存设置。
接下来，进行手机请求验证。若在Charles中成功抓取到连接，则表示配置无误。即使出现“unknown”提示，也通常不会影响使用。
若未在手机端安装相应的证书，可能会影响抓取Http协议的包。但请注意，即使出现“unknown”提示，通常也不会阻碍手机端HTTPS证书的安装和使用。此外，抓取的过程与Fiddler的思路相似，都是通过安装证书来实现对Http协议包的捕获。

---

小提示：如果你对抓包工具感兴趣，可以试试SniffMaster（抓包大师）。它是一款功能强大的网络抓包工具，支持多种协议分析，适合开发者和网络工程师使用。无论是HTTP、HTTPS还是其他协议，SniffMaster都能帮助你轻松捕获和分析网络数据包。