在现代软件开发中，调试网络请求是每个工程师都绕不过去的环节。 无论你是前端、后端、移动端开发，还是测试工程师，只要系统依赖 HTTP/HTTPS 通信，你都一定会用到抓包工具。
在众多抓包方案中，Charles 抓包 因其界面直观、功能全面、对多平台支持友好，而成为开发者使用率最高的调试工具之一。
但很多新手对 Charles 的理解还停留在“能看到请求”。 实际上，Charles 能做的远不止这些： 它更是一套完整的 流量可视化 + 链路分析 + 数据验证 + 异常模拟 的调试平台。
下面这篇教程，会以“新手到进阶”的方式拆解 Charles 的实际使用方法，并结合工程经验提供可复用的调试技巧。
一、Charles 抓包的本质：流量代理，而不是“神奇魔法”
理解 Charles 的原理非常重要，它决定了你能否正确配置工具。
Charles 的核心机制是： 让你的系统或设备的 HTTP/HTTPS 流量经过它的代理，然后在界面中展示每一个请求与响应。
它并不会“黑入”你的流量，也不会“破解”服务器。
工作流程可以理解为：
客户端 → Charles（中间代理） → 服务器
因此，只要你的设备能正确把流量导向 Charles，你就能看到所有网络交互的细节。
也因此，抓不到包时不要慌，大多数问题都是：
- 代理没设置
- 证书没安装
- 未在同一局域网
- 被系统或其他代理覆盖
理解本质，会让调试更加顺畅。
二、Charles 抓包教程：从零开始的基础配置
下面以最常见的使用流程拆解。
1. 安装 Charles
下载方式不在本文赘述，若需要中文说明可参考：Charles中文网
这里有图文步骤，适合第一次上手的用户。
2. 配置系统代理（自动）
打开 Charles 后，默认会自动将 macOS / Windows 的代理指向 Charles。 左下角会显示 "Active" 状态。
如果没有生效，可手动检查：
- 是否被 Clash、VPN、SwitchyOmega 覆盖
- 系统代理是否启用
3. 启用 HTTPS 抓包
HTTPS 抓包是很多新手的第一道难题。 做对两步即可：
① 安装 Charles 根证书
菜单： Help → SSL Proxying → Install Charles Root Certificate
安装后记得在系统中设置为「始终信任」。
② 设置抓取目标
菜单： **Proxy → SSL Proxying Settings → Add → Host: * 、Port: ***
这样即可抓取所有 HTTPS 流量。
三、手机抓包：Charles 最常用的进阶功能
Web 端调试可以用浏览器开发者工具， 但移动端（iOS / Android）必须依赖 Charles 才能看到真实流量。
手机抓包步骤（高频使用）：
① 手机与电脑连接同一 Wi-Fi
必须同网段，否则无法通讯。
② 设置 Wi-Fi 手动代理
在手机 Wi-Fi 设置里填入：
- 服务器：电脑 IP
- 端口：8888
③ 安装手机证书
在手机浏览器访问：
chls.pro/ssl
iOS 需额外信任证书： 设置 → 通用 → 关于本机 → 证书信任
完成后，App 的所有流量都会显示在 Charles 中。
四、Charles 抓包的核心能力：不仅是“看请求”
真正高效的开发者会用 Charles 做以下事情：
1. 观察链路：在哪里“慢了”？
Timeline 是非常强大的功能，可以看到：
- DNS 耗时
- SSL 耗时
- 请求发送耗时
- 服务端处理耗时
- 下载耗时
如果你在排查性能问题，它几乎是必查项。
2. 验证数据：请求到底传了什么？
Charles 展示的数据是客户端真实发送的数据， 而不是控制台、日志或代码推测的。
你可以清楚看到：
- Header
- Body
- Raw
- Query 参数
- Cookies
很多“后端说你没传，前端说我传了”的争议，都能在这里解决。
3. 查看真实响应：浏览器报错不代表后端报错
浏览器常出现“假错误”：
- 跨域导致的伪 0 状态码
- 证书错误导致请求未发出
- 缓存导致返回旧数据
Charles 能呈现真实的 HTTP 返回结果， 让调试更准确。
五、Charles 的进阶技巧：提升调试效率的关键
下面是工程师日常最常用的高级能力：
1. Breakpoints（断点修改）
可拦截请求并修改：
- 参数
- Header
- JSON
- 返回状态码
特别适合测试异常逻辑。
2. Map Local（本地 Mock）
把某个接口映射到本地文件， 可用于：
- 后端接口未完成
- 离线演示
- 测试 UI 状态
3. Map Remote（远程环境切换）
把请求自动转发到不同环境：
api.test.com → api.pre.com
避免频繁修改代码。
4. Rewrite（自动规则替换）
用于：
- 替换 Token
- 替换 API URL
- 自动添加 Header
- 修改返回字段
对于频繁调试某一类问题非常高效。
5. Throttle（弱网模拟）
模拟 3G、高延迟、丢包等网络条件。 移动端常用来复现用户发生的慢速体验问题。
六、Charles 抓包的典型场景（真实工程经验）
以下是开发者高频遇到的问题，几乎都能通过 Charles 解出。
① 请求偶发失败，无法复现？
看 Sequence → 查看请求是否中断 看 Timeline → 是否发生握手超时
② App 登录偶尔失败？
看请求顺序 → Token 刷新是否过期 看 Header → 是否携带错误 Session
③ 不同用户同接口返回不同？
看 Cookies → 用户状态差异 看 Header → 设备标识不同
④ 前后端联调对不到？
测试导出 .chls → 开发导入即可重现
减少大量沟通成本。
抓包能力，是开发者调试能力的核心
不是会写代码的人调试能力强，而是 能从系统行为中推断问题的人 才调试能力强。
Charles 抓包的意义就是：让你看到真实数据、真实链路、真实行为。
当你会用 Charles：
- 你调试更快
- 判断更准
- 与团队协作更顺畅
- 能处理更复杂的问题
抓包不是技巧，它是理解系统的底层能力。
