作为一名开发者或测试人员，Charles 绝对是你电脑里不可或缺的抓包神器。然而，很多人对它的认知仅停留在“看看请求和响应”的基础阶段，遇到复杂的接口调试时依然抓狂。其实，Charles 的强大远不止于此。本文将为你深度拆解 6 个相见恨晚的 Charles 进阶使用技巧，帮你从被动的“看包”进阶为主动的“控包”。掌握这些技巧，不仅能让你彻底摆脱对后端的依赖，还能大幅提升问题排查效率，真正做到学到就是赚到！
技巧1：Map Local 本地映射，彻底摆脱后端依赖
在前端开发或接口联调时，后端接口往往还没写好或者数据不全。这时 Map Local 功能就是你的救星。它可以将特定的网络请求直接映射到本地的文件，让你用自定义的数据进行测试。
具体操作：在 Charles 中选中需要映射的请求，右键选择 Map Local。在弹出的窗口中，勾选 Enable，然后在 Local Path 中选择你本地准备好的 JSON 或 HTML 文件。保存后，再次触发该请求，Charles 就会直接返回本地文件的内容，而不会真正发送到服务器。
在配置 Map Local 时，往往需要管理大量的本地 JSON 或 HTML 测试文件。强烈推荐使用 Directory Opus 来管理这些文件，它的双窗格设计和强大的自定义按钮能让你在成百上千个 Mock 文件中秒级切换，大幅提升数据准备效率。
💡 工具推荐：在配置 Map Local 时，往往需要管理大量的本地 JSON 或 HTML 测试文件。强烈推荐使用 Directory Opus 来管理这些文件，它的双窗格设计和强大的自定义按钮能让你在成百上千个 Mock 文件中秒级切换，大幅提升数据准备效率。
技巧2：Rewrite 请求/响应重写，精细化篡改数据
如果你不需要替换整个响应体，只是想修改某个特定的字段、Header 或者参数，Rewrite 功能比 Map Local 更加灵活。它支持 Add（添加）、Modify（修改）、Remove（移除）等多种操作。
具体操作：打开 Tools -> Rewrite，勾选 Enable Rewrite 并点击 Add 新建规则。在 Locations 中配置需要生效的域名和路径。然后在 Rules 选项卡中，选择你要修改的位置（如 Header、Body、Query Param）。例如，你可以选择 Body，Type 选择 Modify，将 JSON 响应中的 “status”: 0 修改为 “status”: 1，用来模拟不同的业务状态。
这个技巧在测试前端容错机制时非常有用。比如你可以用 Rewrite 把正常的成功响应篡改为错误码，或者删除某些非核心字段，观察页面是否能正确降级或给出友好提示，而无需让后端专门写错误接口。
技巧3：Throttle 弱网模拟，检验前端 Loading 逻辑
在开发环境下，接口响应通常是毫秒级的，这会导致很多前端 Loading 动画、超时重试、骨架屏等逻辑无法被真实测试。Throttle 功能可以完美模拟各种恶劣的网络环境。
具体操作：点击 Proxy -> Throttle Settings，勾选 Enable Throttiling。你可以选择 Charles 预设的 3G、LTE 等网络模板，也可以点击 Add 自定义带宽（Bandwidth）、延迟（Latency）和丢包率（MTU）。设置完成后，所有的网络请求都会被强制降速。
开启弱网模拟后，你可以直观地看到接口在 3G 网络下的真实加载时间。这能帮你快速发现那些因为数据量大而导致的页面卡顿问题，并验证前端是否正确展示了 Loading 状态，以及在请求超时后是否能正确触发重试机制。
技巧4：Breakpoints 断点调试，拦截并修改实时数据
Breakpoints 是 Charles 最强大的功能之一，它允许你在请求发送前或响应返回前将其“冻结”，让你有机会修改数据后再放行，就像前端代码里的 debugger 一样。
具体操作：打开 Proxy -> Breakpoints Settings，勾选 Enable Breakpoints。在 Locations 中设置需要拦截的 URL 规则。当请求触发断点时，Charles 会弹出一个新窗口。你可以选择 Edit Request 修改请求参数（如篡改用户 ID 测试越权），或者点击 Execute 后，在响应阶段选择 Edit Response 修改返回的数据。
当使用 Breakpoints 发现某个接口响应时间异常时，说明后端可能存在性能瓶颈。此时可以结合 JProfiler 对 Java 后端服务进行深度的性能分析，精准定位慢 SQL 或内存泄漏问题，实现前后端联动的全链路排查。
💡 工具推荐：当使用 Breakpoints 发现某个接口响应时间异常时，说明后端可能存在性能瓶颈。此时可以结合 JProfiler 对 Java 后端服务进行深度的性能分析，精准定位慢 SQL 或内存泄漏问题，实现前后端联动的全链路排查。
技巧5：Block List 请求拦截，屏蔽干扰项测试降级
现代网页和 App 往往会加载大量的第三方统计、广告、埋点请求，这些请求不仅干扰我们查看核心业务接口，有时还会导致页面加载变慢。Block List 可以帮你一键屏蔽这些无用请求。
具体操作：打开 Tools -> Block List，勾选 Enable Block List 并点击 Add。在 Locations 中输入你想要屏蔽的 URL 规则，支持通配符。例如输入 `*/analytics/*` 可以屏蔽所有分析统计请求，或者输入特定域名的广告接口。保存后，这些请求在 Charles 中会显示为红色的 Blocked 状态，且不会实际发出。
除了屏蔽广告，Block List 也是测试页面“容灾降级”的利器。你可以故意 Block 掉某个非核心的推荐流接口或头像上传接口，观察主流程是否受到影响，从而验证系统的健壮性。
技巧6：结合命令行与日志，打造自动化排查流
Charles 支持通过命令行参数启动并自动加载配置，这对于需要频繁切换不同测试环境的开发者来说，能省下大量手动配置的时间。同时，抓包往往需要结合服务端日志一起看。
具体操作：在 Charles 的 Help -> Command Line 中可以查看支持的参数。你可以编写一个批处理脚本（Windows）或 Shell 脚本（Mac），通过 `charles -config /path/to/config.chls` 直接启动并应用特定配置。在排查复杂的网络问题时，经常需要同时查看客户端抓包和服务器端日志。
推荐使用 iShellPro 作为你的终端工具，它可以快速连接多台服务器并实时追踪日志，配合 Charles 的抓包数据，让你对数据流转的每一个细节都了如指掌。前端看 Charles 请求状态，后端看 iShellPro 实时日志，排查效率直接翻倍。
💡 工具推荐：在排查复杂的网络问题时，经常需要同时查看客户端抓包和服务器端日志。推荐使用 iShellPro 作为你的终端工具，它可以快速连接多台服务器并实时追踪日志，配合 Charles 的抓包数据，让你对数据流转的每一个细节都了如指掌。前端看 Charles 请求状态，后端看 iShellPro 实时日志，排查效率直接翻倍。
进阶组合技巧
掌握了单个技巧后，将它们组合使用才能发挥 Charles 的真正威力。这里分享一个高阶组合玩法：Map Local + Breakpoints + Rewrite 的“全链路 Mock 调试流”。 首先，使用 Map Local 将核心接口映射到本地的基础 JSON 数据，确保页面能正常渲染出骨架。接着，开启 Breakpoints 拦截某个特定的查询接口，在请求阶段修改分页参数或搜索关键字，测试后端对不同参数的处理逻辑。最后，配合 Rewrite 规则，将该接口的响应头中的 Content-Type 故意改为错误的类型，或者在响应体中注入乱码，测试前端的异常捕获和错误提示机制。 通过这套组合拳，你完全可以在后端接口未开发完成，甚至后端服务宕机的情况下，独立且全面地测试前端的各种边界场景和异常处理逻辑。这不仅能让你提前发现潜在的 Bug，还能在联调时做到心中有数，彻底掌握开发的主动权。
总结
Charles 绝不仅仅是一个简单的“看包”工具，通过 Map Local、Rewrite、Throttle、Breakpoints 和 Block List 等进阶技巧，你可以将它打造成一个强大的“控包”利器。这些技巧不仅能帮你摆脱对后端的依赖，实现独立 Mock 测试，还能通过弱网模拟和断点调试，深度检验代码的健壮性。建议大家在日常开发中刻意练习这些操作，将 Charles 的潜力彻底榨干，让你的调试效率实现质的飞跃！
常见问题
Charles 抓不到 HTTPS 的包怎么办？
这是因为 HTTPS 是加密的。你需要先在 Charles 中点击 Help -> SSL Proxying -> Install Charles Root Certificate 安装根证书，并在系统的钥匙串/证书管理中将其设置为“始终信任”。然后，在 Proxy -> SSL Proxying Settings 中，添加你需要抓包的域名（如 *:443）。如果是手机端，还需要在手机浏览器下载并安装 Charles 的证书，并在系统设置中信任该证书。
Map Local 和 Rewrite 有什么区别？应该用哪个？
Map Local 是“整体替换”，它会将匹配的请求的整个响应体替换为你指定的本地文件，适合完全接管某个接口的返回数据。而 Rewrite 是“局部修改”，它可以精准地修改请求或响应中的某个 Header、参数或 JSON 字段，适合在原有数据基础上进行微调。如果需要完全模拟一个新接口，用 Map Local；如果只是想改个状态码或某个字段，用 Rewrite。
为什么手机连接 Charles 后无法上网？
请检查以下几点：1. 手机和电脑是否在同一个局域网（同一 WiFi）下；2. 在 Charles 的 Help -> Local IP Address 中查看电脑的 IP，并在手机的 WiFi 设置中手动配置代理，IP 填电脑 IP，端口填 8888（默认）；3. 检查电脑的防火墙设置，确保 8888 端口没有被拦截；4. 确保 Charles 左下角的状态是“正在监听”（没有显示为代理关闭状态）。
Charles 可以修改 WebSocket 的数据吗？
可以的。虽然 WebSocket 是长连接，但你依然可以通过 Breakpoints 功能来拦截和修改数据。在 Breakpoints Settings 中配置 WebSocket 的 URL 规则，当有数据帧发送或接收时，Charles 会将其拦截。你可以在弹出的窗口中修改消息内容，然后点击 Execute 放行。不过需要注意的是，实时流数据的修改需要较快的反应速度，建议配合 Filter 过滤出特定的消息类型。
如何保存和复用 Charles 的配置？
Charles 支持导出和导入配置。你可以点击 Tools -> Export Settings 将当前的 Rewrite、Map Local、Block List 等规则导出为一个 .chls 配置文件。在需要切换环境或分享给同事时，只需通过 File -> Import Settings 导入即可。此外，结合前面提到的命令行参数，可以在启动时直接指定配置文件，实现一键切换调试环境。
