快速体验
- 打开 InsCode(快马)平台 https://www.inscode.net
- 输入框内输入如下内容：
创建一个分步指导的Charles新手教程项目，包含：1) Charles安装和基础配置 2) 电脑端HTTPS抓包设置 3) 手机代理配置 4) 第一个抓包实践。要求每个步骤有详细说明和截图，并提供常见问题解决方案。最后通过一个简单的网页请求抓包示例验证学习成果。- 点击'项目生成'按钮，等待项目生成完整后预览效果
Charles入门指南：从安装到第一个抓包
最近在研究网络调试工具，发现Charles真是个神器。作为新手，刚开始用可能会觉得有点复杂，但跟着步骤走其实很容易上手。今天就把我的学习过程整理成笔记，分享给同样想入门的朋友们。
1. Charles安装和基础配置
Charles是一款跨平台的网络抓包工具，支持Windows、macOS和Linux。安装过程非常简单：
- 访问Charles官网下载对应系统的安装包
- 运行安装程序，按照提示完成安装
- 首次启动时会提示是否允许Charles添加证书，选择"允许"
安装完成后，你会看到一个简洁的界面，主要分为工具栏、请求列表和详情面板三部分。建议先熟悉下界面布局，这对后续操作很有帮助。
2. 电脑端HTTPS抓包设置
默认情况下，Charles只能抓取HTTP请求，要抓取HTTPS还需要额外配置：
- 在Charles菜单栏选择"Help" > "SSL Proxying" > "Install Charles Root Certificate"
- 在系统钥匙串中找到Charles证书，设置为"始终信任"
- 回到Charles，在"Proxy" > "SSL Proxy Settings"中添加需要抓取的域名或端口
3. 手机代理配置
要在手机上使用Charles抓包，需要让手机和电脑处于同一局域网：
- 查看电脑的本地IP地址（在Charles的"Help" > "Local IP Address"中可以查看）
- 在手机WiFi设置中，选择当前连接的WiFi，配置手动代理
- 输入电脑的IP地址和Charles默认端口8888
- 在手机浏览器访问chls.pro/ssl下载并安装Charles证书
4. 第一个抓包实践
现在可以开始你的第一个抓包实验了：
- 在Charles中点击"Clear"按钮清空之前的记录
- 在手机上打开浏览器访问任意网站
- 回到Charles，你会看到请求列表开始出现各种网络请求
- 点击某个请求，可以在右侧查看请求详情、响应内容等信息
常见问题解决： - 如果看不到HTTPS请求内容，检查证书是否安装正确 - 如果手机无法连接，检查电脑防火墙设置 - 抓包过程中如果出现卡顿，可以尝试重启Charles
验证学习成果
让我们用一个简单的网页请求来验证学习成果：
- 在电脑浏览器访问一个测试网站
- 在Charles中过滤出该域名的请求
- 查看请求头、响应头、响应内容等详细信息
- 尝试修改请求参数并重发请求（Charles的"Repeat"功能）
通过这个简单的实验，你应该已经掌握了Charles的基本使用方法。随着使用深入，你会发现Charles还有很多强大功能，比如断点调试、流量控制、Map Local等，这些都可以帮助我们更高效地进行网络调试。
如果你也想快速体验网络调试的乐趣，可以试试在InsCode(快马)平台上创建项目。这个平台内置了代码编辑器和实时预览功能，还能一键部署你的调试工具，省去了繁琐的环境配置过程。我实际使用下来发现，从创建到运行整个流程非常顺畅，特别适合新手快速上手。
快速体验
- 打开 InsCode(快马)平台 https://www.inscode.net
- 输入框内输入如下内容：
创建一个分步指导的Charles新手教程项目，包含：1) Charles安装和基础配置 2) 电脑端HTTPS抓包设置 3) 手机代理配置 4) 第一个抓包实践。要求每个步骤有详细说明和截图，并提供常见问题解决方案。最后通过一个简单的网页请求抓包示例验证学习成果。- 点击'项目生成'按钮，等待项目生成完整后预览效果
