一、Charles上的设置
要截取iPhone上的网络请求,我们首先需要将Charles的代理功能打开。在Charles的菜单栏上选择“Proxy”->“Proxy Settings”,填入代理端口8888,并且勾上”Enable transparent HTTP proxying” 就完成了在Charles上的设置。
二、获取电脑ip地址:
1.打开MAC终端,输入ifconfig en0, 即可获得该电脑的IP。
2.电脑--偏好设置---网络设置
三、打开手机,设置->无线局域网下的HTTP代理,选择手动:
服务器:填写电脑ip
端口:8888
确定后即可抓包。
四、抓包结果详解
左侧是显示结构:Structure是树状结构显示,Sequence是水平结构显示,两者基本类似。
左侧的树状结构是进行网络请求的url链接,每一个层级表示了以“/”隔开的子域名。
右侧是详情页,其中第一个Overview是概览。相关字段介绍:
(1)URL:我进行网络请求的链接;
(2)Status:当前状态,complete表示请求完成;
(3)Responce Code:返回码。不同的接口,不同的请求结果,返回码都不同;
(4)Protocol:使用的协议;
(5)Method:请求方式,如GET请求,POST请求等;
(6)Kept Alive:判断当前是否正在链接(活跃);
(7)Content-Type:发送的内容类型,如这里用的是XML文本,以UTF8的方式发送;
(8)Client Address:客户端的IP地址;
(9)Remote Address:远程服务器的IP;
Timing:
(10)Request Start Time:请求开始的时间;
(11)Request End Time:请求结束的时间;
(12)Response Start Time:返回开始的时间;
(13)Response End Time:返回结束的时间;
Size:
(14)Request Header :请求的头部大小;
(15)Request Header:返回的头部大小;
(16)Request : 请求发送的大小;
(17)Response:返回数据的大小;
(18)Total:所有数据大小;
(19)Request Compression :请求压缩;
(20)Response Compression: 返回压缩;
第二个页面"Request"是关于请求发送的。下面的Headers,Query String,Raw。
(1)Headers:发送请求的头部信息;
(2)Query String:发送参数列表;
(3)Raw:发送的原生数据,包括了头部和参数;
右侧的"Response"的是关于所有返回信息的。
(1)Headers:是返回的头部信息;
(2)Text:返回信息(除去头部)后的文本;
(3)Hex:返回信息的16进制表示;
(4)XML:我返回的数据是XML。如果你返回的是JSON,这里就会显示JSON;
(5)XML Text:如果你返回JSON,这里会显示JSON Text;
(6)Raw:返回的所有原生数据,包括头部;
"Summary"里面是发送数据的一些简要信息。
"Chart"是一些简要信息的图表表示。
Charles顶部的一些常用的工具栏做一个介绍:
(1)New Session:新建一个会话。也就是在一个新的Charles界面查看网络情况;
(2)Open Session:打开一个之前保存的会话;
(3)Close the current Session:关闭当前的会话;
(4)Save the current Session:保存当前的会话;
(5)Clear the current Session:清空当前的会话(比较方便,常用);
(6)Find Text in the current session:相当于查找功能;
五、其他功能
1.模拟慢网速
主菜单Proxy——Throttle Settings,可选择内置的一些带宽设置或自定义设置,保存后可以点击主界面的按钮开启/禁用慢网速功能。
2.
按照柱状图查看所有请求
主界面选择左侧的站点文件夹,在右边选择“Chart”视图查看所有请求。可按照“请求顺序”、“请求数据大小”、“耗时”、“MIME类型”分类进行查看、分析。