charles的整体界面介绍

charles界面介绍

charles提供两种查看封包的视图，分别名为 “Structure” 和 “Sequence”。
Structure 视图将网络请求按访问的域名分类。
Sequence 视图将网络请求按访问的时间排序。

对于某一个具体的网络请求，你可以查看其详细的请求内容和响应内容。如果请求内容是 POST 的表单，Charles 会自动帮你将表单进行分项显示。如果响应内容是 JSON 格式的，那么 Charles 可以自动帮你将 JSON 内容格式化，方便你查看。如果响应内容是图片，那么 Charles 可以显示出图片的预览。

charles的Structure视图

Structure视图可以通过左侧的地址栏，找到你想看的网址的包。如果网址太多可以通过Filter 功能，可以输入关键字来快速筛选出 URL 中带指定关键字的网络请求。

charles的Sequence视图

Sequence视图是根据时间来进行排序的，如上图所示，可以通过时间节点来找到返回数据。如果网址太多可以通过Filter 功能，可以输入关键字来快速筛选出 URL 中带指定关键字的网络请求。

个人建议使用第一种视图比较方便，主要是可以看到网址，所用的接口等等数据内容，但是只是个人建议，如果喜欢另外一种方式的话也
可以，自己选择就好。

快捷工具

在工具栏的下方有一行快捷工具，快捷工具的介绍如下：

Charles响应数据Overview各种参数解释

参数解释

一、overview（概述）参数解释Timing的参数解释Size的参数解释

Contents（内容）

summary（总结）

Chart

notes

notes备注，方便记录一些接口的信息，在overview视图上可以看到备注信息

charles菜单栏

功能菜单

总结

目前只是对界面安装进行了整理，在页面介绍里使用了翻译词典，可能不太准确，有意见或者是在哪里写错了请在评论区中留言。依旧感谢****中的一部分用户，谢谢你们的分享让我借鉴，希望我能整理一份比较完整的工具说明，不足之处敬请见谅。