Charles的界⾯详解后续补充..........
⼀、主导航栏
1.File、Edit、View、Proxy、Tools、Window、Help
2.View栏
（1）structure视图是将⽹络请求按访问的域名分类；
（2）Sequence 视图是将⽹络请求按访问的时间排序；
⼆、主界⾯介绍
⼀：紫⾊区（⼯具的主导航栏）
从左⾄右的图标解释：
扫把按钮：点击之后可清除抓取到的所有请求
图标按钮：红点亮起说明正在抓取请求，红点展⽰为灰⾊说明⽬前不在抓取请求状态
乌龟按钮：灰⾊乌龟是⽹速设置正常，绿⾊乌龟指慢速⽹速开启了
六⾓形图标：断点图标，灰⾊说明断点未开启，红⾊说明在使⽤断点
钢笔图标：编辑请求，点击之后可以修改请求的内容
刷新图标：重复发送请求的图标，先选定某⼀请求点击该图标则请求会被再次发送
对号图标：
扳⼿图标：对应于导航栏中的tools图标，有些许功能
设置图标：设置charles中的情况
⼆：红⾊区（抓取连接该代理的所有⼿机所有的请求）
红⾊区展⽰的是我们抓取的所有的请求，点击+之后便可以展开该host 域名下的所有请求。点击请求之后即可在黄⾊区域看见该请求所对应的相应内容。
导航栏右边的sequence是请求展⽰的另⼀种形式。其实内容都是⼀样的，只不过将所有的请求按照时间排序展⽰，不再是分域名展⽰。
三：黄⾊区（在绿⾊区指定的某⼀个api的请求内容）
黄⾊区展⽰的是某⼀制定请求的请求内容，可以切换导航栏查看请求的各种详细情况。例如：请求响应时间，请求头，请求详细内容，请求体等各种情况。
⾸先我们来看⼀下常⽤的⼏个选项：
Overview：会展⽰该请求的⼀个⼤体情况，例如：请求头，请求响应结束时间，请求开始时间以及⾃⼰的notes等
content：如上图所⽰的该请求的具体内容和服务器的相应内容（配合下⾯的导航栏进⾏查看该请求的具体内容header,cookies&&选择呈现⽅式form,raw）summary：也是展⽰⼀个该请求的⼤体资源分布情况。例如：服务器响应了多长时间，host是什么等等
chart：以表格形式告诉我们⼀个响应时间的分布情况。
ajax实例里面的函数notes：已经很清楚了，点击之后⾃⼰可以对该请求记录⼀些东西，⽅便后续查看该接⼝的⽤途，可在overview中查看，如下图所⽰
四：绿⾊区（上述该api的服务器的响应内容（只有在请求中选择content时才可以看到响应内容））
绿⾊区展⽰的是请求相应内容。同样，是点击导航栏会展⽰响应内容的详细情况。
header：响应的头信息
text：⽂本形式展⽰响应内容
hex(16进制)和compressed（压缩）⼀般不予查看
json：以json格式查看响应内容内容，简单明了
json text：将json格式的内容展开书写
raw：详情内容的详细情况

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。