阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      charles 主界面总结

      charles 主界面总结

      charles 主界面的介绍

      Charles 主要提供两种查看封包的视图,分别名为

      • Structure
        • Structure/结构视图,将网络请求按访问的域名分类,比如某个域名下有n个资源请求,那么所有此域名下的请求都会在这里做一个详细的分类;
      • Sequence
        • Sequence/序列视图,将网络请求按访问的时间排序,按照你的电脑的发送请求顺序进行。

      详情可以查看 charles 界面布局切换

      Charles最主要的捕获信息,界面展示的信息如下,

      https://a.axihe.com/img/charles/charles_porxy_content.png

      contents是最常用的一个标签,其中上半部分是请求,下半部分是响应;

      请求部分中,会根据请求的内容,而分为很多项;

      比如如果是表单提交,还会有form的选项供你查看提交的内容(表格图形化的方式),

      最后一项”Raw”是未经处理的请求信息,可以理解为,raw左侧的所有项目都是对raw信息的拆分和美化,以便直观查看;

      当然响应区域的raw和其它项目的关系也是一样,响应部分的Raw是接收到的全部未处理信息;

      如果响应内容是 JSON 格式的,那么 Charles 可以自动帮你将 JSON 内容格式化,方便你查看。

      如果响应内容是图片,那么 Charles 可以显示出图片的预览。

      顶部菜单栏

      https://a.axihe.com/img/charles/charles_proxy.png

      目录
      目录