文章目录


前言

一、charles常用功能(面板字段)

二、响应和请求面板(字段解释)

总结



前言

使用charles中,遇见的不明白的地方,在这里总结一下。


一、charles常用功能(面板字段)

1、charles提供两种查看封包的视图,分别名为 “Structure” 和 “Sequence”

(1)Structure 视图将网络请求按访问的域名分类。(Structure单词意思为:结构);树状结构显示,将网络请求按访问的域名分类;

charles抓包怎么看接口信息 charles抓包怎么看内容_数据

(2)Sequence 视图将网络请求按访问的时间排序。(按照访问域名的时间顺序来展示);水平结构显示,将网络请求按访问的时间排序;

charles抓包怎么看接口信息 charles抓包怎么看内容_charles抓包怎么看接口信息_02

2、filters:关键字筛选(可以筛序出具体的域名)

charles抓包怎么看接口信息 charles抓包怎么看内容_charles抓包怎么看接口信息_03

charles抓包怎么看接口信息 charles抓包怎么看内容_字段_04

 3、快捷工具(在工具栏的下方有一行快捷工具,快捷工具的介绍如下)

charles抓包怎么看接口信息 charles抓包怎么看内容_charles_05

 

charles抓包怎么看接口信息 charles抓包怎么看内容_Time_06


二、响应和请求面板(字段解释)

1、overview(概述)---作用:查看这次请求的详细内容,例如耗时详细列出了请求开始时间、结束时间,响应开始时间、结束时间,总耗时、DNS耗时、网络延时等。

参数解释(主要是状态响应,请求,协议,连接,时间,字节数)

charles抓包怎么看接口信息 charles抓包怎么看内容_Time_07

(1)Timing的参数解释(作用:对各种发送相应,接收,整个的时间统计)

charles抓包怎么看接口信息 charles抓包怎么看内容_Time_08

Timing: 

Request Start Time:请求开始的时间;

Request End Time:请求结束的时间;

Response Start Time:响应返回开始的时间;

Response End Time : 响应返回结束的时间;

Duration : 总时间;

(2)Size的参数解释(主要统计请求和相应的字节数,size的意思为大小)

charles抓包怎么看接口信息 charles抓包怎么看内容_Time_09

Size: 

Request Header :请求的头部大小;

Response Header:返回的头部大小;

Request : 请求发送的大小;

Response:返回数据的大小;

Total:所有数据大小;

Request Compression : 请求压缩;

Response Compression : 返回压缩;

2、Contents(内容)(这个主要显示具体的数据报文)

charles抓包怎么看接口信息 charles抓包怎么看内容_charles抓包怎么看接口信息_10

charles抓包怎么看接口信息 charles抓包怎么看内容_charles_11

 字段详解:

charles抓包怎么看接口信息 charles抓包怎么看内容_字段_12

charles抓包怎么看接口信息 charles抓包怎么看内容_字段_13

参考来源:

charles抓包怎么看接口信息 charles抓包怎么看内容_charles_14

 3、summary(资源的概要)---查看发送数据的一些简要信息(主机,状态码,数据的类型,header和body大小,加载时间,总时间)

charles抓包怎么看接口信息 charles抓包怎么看内容_数据_15

charles抓包怎么看接口信息 charles抓包怎么看内容_Time_16

字段解释:

Request : 查看请求内容(底下的Headers,Query String,Cookies,Raw。)

Headers:发送请求的头部信息;

Query String : 发送参数列表;

Cookies: 浏览器缓存;

Raw:发送的原生数据,包括了头部和参数;

Reponse : 查看响应内容

Headers:是返回的头部信息;

Text:返回信息(除去头部)后的文本;

Hex:返回信息的16进制表示;

XML:我返回的数据是XML。如果你返回的是JSON,这里就会显示JSON;

XML Text:如果你返回JSON,这里会显示JSON Text;

Raw:返回的所有原生数据,包括头部;

参考(来源):

 

charles抓包怎么看接口信息 charles抓包怎么看内容_charles_17

 4、Chart:Summary中简要信息以图表形式展示

charles抓包怎么看接口信息 charles抓包怎么看内容_Time_18

 参考来源:

charles抓包怎么看接口信息 charles抓包怎么看内容_Time_19

 5、Notes: 备注,方便记录一些接口的信息,在overview视图上可以看到备注信息

charles抓包怎么看接口信息 charles抓包怎么看内容_数据_20

charles抓包怎么看接口信息 charles抓包怎么看内容_Time_21