Charles教程10步掌握高效学习方法

你是不是也好奇？

当你刷着购物网站看到心仪商品突然降价时，有没有想过这些数据是怎么传输的？当你用手机APP总显示”网络异常”，究竟是谁在背后捣乱？今天我们要认识的Charles，就是能让你透视网络世界的”X光机”。

一、Charles到底是个啥？

这个戴着礼帽的卡通图标（如图），其实是专业抓包工具。它能：

• 实时监控所有进出设备的数据流
• 拦截并修改APP/网页的请求参数
• 模拟不同网络环境的加载效果
• 自动生成可视化接口文档

二、3分钟极速安装

别被英文官网吓到，跟着做：

1. 访问官网下载对应版本
2. 安装时记得勾选”Install CA…”（后面抓HTTPS必备）
3. 首次启动点”允许”防火墙权限

三、手机抓包必看设置

想监控手机流量？关键两步：

• 在Charles菜单栏点击Help > Local IP Address查看本机IP
• 手机连接同一WiFi，手动设置代理：
  IP填刚查到的地址，端口默认8888

注意：iOS用户需在Safari访问chls.pro/ssl安装证书！

四、新手必会三大神技

学会这些就能解决90%问题：

• 接口过滤：在Filter栏输入关键词（如/api）
• 修改请求：右键选择Repeat with Edit重发请求
• 地图定位：Tools → Map Remote把测试环境切到线上

五、实战案例教学

假设要测试APP的加载动画：

1. 清除Charles现有记录（扫帚图标）
2. 打开APP触发加载
3. 找到包含loading字样的接口
4. 右键选择Throttle设成256Kbps
5. 刷新页面看效果

小编观点：别急着研究高级功能，先养成随手抓包的习惯。遇到网页打不开别F5狂按，打开Charles看看是哪个图片请求卡住了。记住，这个工具最大的价值不是抓包本身，而是培养你对网络交互的敏感度。