Charles 的界面详解

后续补充..........

1、主导航栏

1.File、Edit、View、Proxy、Tools、Window、Help

2.View栏

（1）structure视图是将网络请求按访问的域名分类；

（2）Sequence 视图是将网络请求按访问的时间排序；

2、主界面介绍

 

一：紫色区（工具的主导航栏）

从左至右的图标解释：

扫把按钮：点击以后可清除抓取到的全部请求

图标按钮：红点亮起说明正在抓取请求，红点展现为灰色说明目前不在抓取请求状态

乌龟按钮：灰色乌龟是网速设置正常，绿色乌龟指慢速网速开启了

六角形图标：断点图标，灰色说明断点未开启，红色说明在使用断点

钢笔图标：编辑请求，点击以后能够修改请求的内容

刷新图标：重复发送请求的图标，先选定某一请求点击该图标则请求会被再次发送

对号图标：

扳手图标：对应于导航栏中的tools图标，有些许功能

设置图标：设置charles中的状况

二：红色区（抓取链接该代理的全部手机全部的请求）

红色区展现的是咱们抓取的全部的请求，点击+以后即可以展开该host 域名下的全部请求。点击请求以后便可在黄色区域看见该请求所对应的相应内容。

导航栏右边的sequence是请求展现的另外一种形式。其实内容都是同样的，只不过将全部的请求按照时间排序展现，再也不是分域名展现。

三：黄色区（在绿色区指定的某一个api的请求内容）

黄色区展现的是某一制定请求的请求内容，能够切换导航栏查看请求的各类详细状况。例如：请求响应时间，请求头，请求详细内容，请求体等各类状况。

首先咱们来看一下经常使用的几个选项：
Overview：会展现该请求的一个大致状况,例如：请求头，请求响应结束时间，请求开始时间以及本身的notes等

content：如上图所示的该请求的具体内容和服务器的相应内容（配合下面的导航栏进行查看该请求的具体内容header,cookies&&选择呈现方式form,raw）

summary：也是展现一个该请求的大致资源分布状况。例如：服务器响应了多长时间，host是什么等等

chart：以表格形式告诉咱们一个响应时间的分布状况。

notes：已经很清楚了，点击以后本身能够对该请求记录一些东西，方便后续查看该接口的用途，可在overview中查看，以下图所示

四：绿色区（上述该api的服务器的响应内容（只有在请求中选择content时才能够看到响应内容））

绿色区展现的是请求相应内容。一样，是点击导航栏会展现响应内容的详细状况。

header：响应的头信息

text：文本形式展现响应内容

hex(16进制)和compressed（压缩）通常不予查看

json：以json格式查看响应内容内容，简单明了

json text：将json格式的内容展开书写

raw：详情内容的详细状况