前端调试_Charles抓包工具

目录

一、下载及设置及电脑端使用

1.点击进入下载页面。

2.选择版本进行下载、安装。

3.安装证书和设置

4.使用

二、手机使用

1.安卓手机

①打开代理

②下载证书

2.苹果手机

①打开代理

②下载证书

---

前端开发时，真机运行时，便于查找问题，手机电脑都可以进行代理。

Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信，这些包括request, response和HTTP headers （包含cookies与caching信息）。

一、下载及设置及电脑端使用

官网：https://www.charlesproxy.com/

1.点击进入下载页面。

2.选择版本进行下载、安装。

3.安装证书和设置

①help–>SSL Proxying–> Install Charles Root Ceriticate->安装证书

②Proxy->Proxy setting

③Proxy-> SSL Proxying Settings->Include->Add

*代表所有，如果手机和电脑都用了，则手机电脑的请求都会展示出来。

④Proxy->Windows proxy需要是打开的状态

4.使用

可以查看所有请求及响应。

二、手机使用

要求：手机和电脑在同一Wi-Fi

1.安卓手机

①打开代理

• 长按当前 WiFi -> 修改网络->勾选显示高级选项->代理 -> 手动
• 服务器主机名 -> 填写 电脑IP 地址，服务器端口 -> 默认：8888

电脑IP地址：

1）Win+r->cmd进入

2）ipconfig回车->IPv4地址

②下载证书

浏览器输入：chls.pro/ssl 下载Charles证书

安卓版本限制不能直接安装证书，手机–>设置–>系统安全–>加密与凭据–>从SD卡安装

电脑上Charles会弹出提示，点击Allow即可。

2.苹果手机

①打开代理

• 点击 WiFi 右边的“i”符号->点击 配置HTTP代理->代理 -> 手动
• 服务器主机名 -> 填写 电脑IP 地址，服务器端口 -> 默认：8888

②下载证书

浏览器输入：chls.pro/ssl 下载Charles证书->允许

通用->描述文件与设备管理，点击charles Proxy CA(xxx)选择安装->开启信任按钮

电脑上Charles会弹出提示，点击Allow。

设置->关于本机->证书信任设置->打开信任的开关