Charles下载安装+零基础抓包使用教程（核心功能+面试场景）

Charles下载安装+零基础抓包使用教程

• • 一、Charles 工具简单介绍
  • 二、Charles 核心特点
  • 三、Charles 下载与安装
  • • 1、Charles下载
    • 2、Charles安装
  • 四、关键前置配置（必做！否则抓不到 HTTPS）
  • • 1、电脑端安装根证书
    • 2、开启全局 SSL 解密（核心步骤）
  • 五、电脑端抓包使用教程
  • • 1. 基础配置
    • 2、开启抓包录制
    • 3、查看网络请求
    • 4、停止抓包
  • 六、手机端抓包教程（安卓/iOS通用）
  • • 1、准备工作
    • 2、查看电脑 IP
    • 3、手机配置代理
    • 4、手机安装证书（HTTPS必做）
  • 七、Charles 五大核心功能（工作+面试必考）
  • • 1、常规抓包分析
    • 2、断点调试（Breakpoints）
    • 3、弱网测试（Throttle）
    • 4、数据重发（Repeat）
    • 5、Map 本地 Mock 映射
  • 八、Charles 应用场景（面试标准答案）
  • 九、Charles VS Fiddler 区别（面试高频）

一、Charles 工具简单介绍

Charles 是一款跨平台 HTTP/HTTPS 网络抓包代理工具，是测试、开发、前端岗位必备主流工具。

核心作用：充当电脑/手机与服务器之间的中间人代理，可以抓取、查看、拦截、修改所有网络请求与响应数据。

通俗理解：所有接口请求、网络数据，都能被 Charles 全程看光、改光、控光。

行业定位：移动端抓包首选工具，Mac 系统默认首选抓包工具，稳定性、兼容性优于 Fiddler。

二、Charles 核心特点

• 支持 HTTP、HTTPS、TCP 全类型抓包

• 支持**电脑端 + 手机端（安卓/iOS）**双向抓包

• 支持断点拦截、篡改请求/响应数据、弱网测试、接口Mock

• 界面简洁、流量清晰、分层展示请求链路，排查BUG效率极高

• 跨平台适配：Windows、Mac、Linux 全平台可用

三、Charles 下载与安装

1、Charles下载

• 安装包及视频资料下载：https://pan.xunlei.com/s/VOtiumXq3zDWKzq22clM1vHHA1?pwd=agnd#

根据自己电脑系统，选择 Windows / Mac 对应版本下载即可。

• Windows 普通64位电脑：优先选择 Windows x86_64版本

• Windows arm架构电脑：选择 Windows Arm64版本

• 苹果Mac电脑：直接下载 macOS（dmg）镜像安装包

• Linux系统：x86_64架构下载对应tar.gz包，也可使用APT、YUM命令行仓库安装

Charles 为收费商用软件：

• 免费试用 30 天

• 过期后不付费也能使用，但单次使用限制 30 分钟，启动有 10 秒延时

• 学习、面试练手完全不受影响

2、Charles安装

• Windows：双击安装包，一路默认下一步，建议安装纯英文路径，避免中文报错

• Mac：拖拽 Charles 进入应用程序文件夹即可完成安装

• 首次打开弹窗提示：是否允许设置系统代理 → 必须点击 Allow/允许，否则无法抓包。

四、关键前置配置（必做！否则抓不到 HTTPS）

默认情况下 Charles 只能抓 HTTP 明文包，HTTPS 会显示乱码 unknown，必须安装证书+开启SSL解密。

1、电脑端安装根证书

2、开启全局 SSL 解密（核心步骤）

五、电脑端抓包使用教程

1. 基础配置

由于HTTPs请求的特殊性，所以要求电脑端和手机端都安装下证书，否则会看到返回的数据都是乱码 点击安装证书->本地计算机->将所有证书都放到下列存储->点击下一步完成 置HTTP/HTTPs协议端口： Proxy->SSL Proxying Settings在弹出选项卡中，勾选Enable SSL Proxying点击加号 添加以下host和port 80是http协议的默认端口 443是https协议的默认端口

2、开启抓包录制

点击顶部红色圆点（Start Recording），圆点变红即为开启抓包。

3、查看网络请求

电脑打开浏览器、APP、软件所有网络请求，都会实时展示在列表中，可查看：请求地址、请求方式、请求头、请求参数、响应数据、状态码、耗时。

4、停止抓包

再次点击红点关闭录制，避免流量过多杂乱。

六、手机端抓包教程（安卓/iOS通用）

移动端抓包是 Charles 最大优势，面试高频考点。

1、准备工作

手机和电脑 必须连接同一个 WiFi

2、查看电脑 IP

• Windows：cmd 输入 ipconfig，查看本机 IPv4 地址

• Mac：终端输入 ifconfig 查看 IP

3、手机配置代理

4、手机安装证书（HTTPS必做）

手机浏览器访问：chls.pro/ssl

自动下载 Charles 证书，安装并信任证书，即可抓取手机 HTTPS 数据包。

七、Charles 五大核心功能（工作+面试必考）

1、常规抓包分析

抓取 HTTP/HTTPS 请求，排查接口报错、参数错误、响应异常、跨域问题，定位前后端 BUG 归属。

2、断点调试（Breakpoints）

开启断点后，可以拦截请求、修改参数、篡改响应数据，测试异常场景、边界值、容错性。

3、弱网测试（Throttle）

模拟 2G/3G/4G/弱网、高延迟、丢包场景，测试 APP、网页在网络差时的表现，是否闪退、卡顿、重连异常。

操作：Proxy → Throttle Settings 配置网速、延迟、丢包率。

4、数据重发（Repeat）

抓取接口后，可一键重复发送请求，快速复现偶现BUG、测试接口稳定性。

5、Map 本地 Mock 映射

将线上接口响应映射到本地 JSON 文件，不用改代码、不用改接口，本地模拟返回数据，适配前端调试、异常场景测试。

八、Charles 应用场景（面试标准答案）

• 接口问题排查：抓包核对入参、出参，区分是前端传参错还是后端返回错

• 移动端专项测试：手机APP、小程序、H5 抓包调试

• 弱网兼容性测试：模拟网络卡顿、延迟、断网、重连场景

• 异常场景测试：断点篡改参数、篡改响应，测试容错能力

• 接口安全测试：查看明文Cookie、Token、请求头，校验数据是否加密

• 接口复用与调试：抓包后重发请求，快速回归验证问题

九、Charles VS Fiddler 区别（面试高频）

• Charles：跨平台、Mac 首选、手机抓包更稳定、界面简洁，适合移动端测试、全平台抓包

• Fiddler：仅Windows、功能更繁杂、插件多，电脑端调试更细致，移动端适配略差

工作总结：Windows常用Fiddler，Mac必用Charles，移动端测试优先Charles。