全 最详细charles抓包工具详细教程，实战教程（细致）

目录：导读

• • 一、前言
  • 二、在PC端抓https包
  • 三、在PC端抓https包
  • 四、在移动端抓http包
  • 五、在移动端抓https包

一、前言

charles相当于一个插在服务器和客户端之间的“过滤器”

当客户端向服务器发起请求的时候，先到charles进行过滤，然后charles在把最终的数据发送给服务器

注意：此时charles发给服务器的数据，不一定是客户端请求的数据；charles在接到客户端的请求时可以自由的修改数据，甚至可以直接Block客户端发的请求

服务器接收请求后的返回数据，也会先到charles，经过charles过滤后再发给客户端

同理：客户端接收的数据，不一定就是服务器返回的数据，而是charles给的数据

正因为上面的原理，所以charles能实现的功能，对前端开发者来说非常有吸引力，相当于请求和响应都可控的，而且charles为了控制更加方面，提供很多简洁的操作

二、在PC端抓https包

charles还是比较智能的，charles运行时会在本地建立一个代理服务

默认地址：127.0.0.1:8888，当我们启动charles的时候会自动给我们的浏览器设置代理，浏览器的请求我们就可以在charles面板看到了，但是此时只能捕获到http的请求，https的请求需要我们进一步配置

如果启动charles后并没有捕获到请求，请检查你的浏览器是否使用了代理软件，这里是个大坑，一定要注意

三、在PC端抓https包

首先我们需要安装根证书，找到Help -> SSL Proxying -> Install Charles Root Certificate

四、在移动端抓http包

手机端抓取http包需要开启charles代理。找到Proxy -> Proxy Settings。把Support HTTP/2和Enable transparent HTTP proxying勾选中保存

我们在手机浏览器输入chls.pro/ssl，把证书下载下来，然后安装即可。苹果手机在系统设置 -> 通用 -> 描述文件里面。笔者这里安装了fiddler和charles的证书，你们只需要保证安装了charles的证书即可。