本文参考：charles 主界面总结
charles 主界面的介绍
Charles 主要提供两种查看封包的视图，分别名为
-
Structure
- Structure/ 结构视图，将网络请求按访问的域名分类，比如某个域名下有 n 个资源请求，那么所有此域名下的请求都会在这里做一个详细的分类；
-
Sequence
- Sequence/ 序列视图，将网络请求按访问的时间排序，按照你的电脑的发送请求顺序进行。
详情可以查看 charles 界面布局切换
Charles 最主要的捕获信息，界面展示的信息如下，
contents 是最常用的一个标签，其中上半部分是请求，下半部分是响应；
请求部分中，会根据请求的内容，而分为很多项；
比如如果是表单提交，还会有 form 的选项供你查看提交的内容（表格图形化的方式），
最后一项”Raw”是未经处理的请求信息，可以理解为，raw 左侧的所有项目都是对 raw 信息的拆分和美化，以便直观查看；
当然响应区域的 raw 和其它项目的关系也是一样，响应部分的 Raw 是接收到的全部未处理信息；
如果响应内容是 JSON 格式的，那么 Charles 可以自动帮你将 JSON 内容格式化，方便你查看。
如果响应内容是图片，那么 Charles 可以显示出图片的预览。
顶部菜单栏
本文参考阿西河教程编写：https://www.axihe.com/