首页 > 其他分享 >接口测试|Charles的界面介绍

接口测试|Charles的界面介绍

时间:2023-02-02 16:01:28浏览次数:42  
标签:界面 请求 展示 Charles 接口 响应 内容 按钮 图标

Charles的界面介绍

在发送网络请求的时候,charles工具界面会展示所有发送的请求数据包,如下图展示,本篇文章会对此界面逐一进行介绍。

接口测试|Charles的界面介绍_导航栏

快捷图标:

快捷图标从左至右依次为:

  • 扫把按钮 :点击之后可清除抓取到的所有请求
  • 图标按钮:红点亮起说明正在抓取请求,红点展示为灰色说明目前不在抓取请求状态
  • 锁按钮:抓取 HTTPS的开开关
  • 乌龟按钮:灰色乌龟是网速设置正常,绿色乌龟指慢速网速开启了
  • 六角形按钮:断点图标,灰色说明断点未开启,红色说明在使用断点
  • 钢笔按钮:编辑请求,点击之后可以修改请求的内容
  • 刷新按钮 :重复发送请求的图标,先选定某一请求点击该图标则请求会被再次发送
  • 对号按钮 :
  • 扳手按钮 :对应于导航栏中的tools图标,有些许功能
  • 设置按钮 :设置charles中的情况

会话列表

红色区展示的是我们抓取的所有的请求,点击+之后便可以展开该host 域名下的所有请求。点击请求之后即可在右侧区域看见该请求所对应的相应内容。

导航栏右边的tab页是sequence是请求展示的另一种形式。其实内容都是一样的,只不过将所有的请求按照时间排序展示,不再是分域名展示。

请求内容

展示的是某一制定请求的请求内容,可以切换导航栏查看请求的各种详细情况。例如:请求响应时间,请求头,请求详细内容,请求体等各种情况

接口测试|Charles的界面介绍_服务器_02

  • Overview:会展示该请求的一个大体情况,例如:请求头,请求响应结束时间,请求开始时间以及自己的notes等
  • Content:如上图所示的该请求的具体内容和服务器的相应内容(配合下面的导航栏进行查看该请求的具体内容header,cookies&&选择呈现方式form,raw)
  • Summary:也是展示一个该请求的大体资源分布情况。例如:服务器响应了多长时间,host是什么等等
  • Chart:以表格形式告诉我们一个响应时间的分布情况。
  • Notes:已经很清楚了,点击之后自己可以对该请求记录一些东西,方便后续查看该接口的用途,可在overview中查看,如下图所示

接口测试|Charles的界面介绍_服务器_03

接口测试|Charles的界面介绍_导航栏_04

响应内容

展示的是由上面的请求数据发送后服务器响应的内容(只有在请求中选择Content时才可以看到响应内容)

  • Header:响应的头信息
  • Text:文本形式展示响应内容
  • hex(16进制)和compressed(压缩)一般不予查看
  • json:以json格式查看响应内容内容,简单明了
  • Compressed:被压缩的信息
  • json text:将json格式的内容展开书写
  • Raw:详情内容的详细情况

接口测试|Charles的界面介绍_导航栏_05


标签:界面,请求,展示,Charles,接口,响应,内容,按钮,图标
From: https://blog.51cto.com/u_15640304/6033726

相关文章

  • nodeJS+express搭建后台服务,node写后台接口
    确保电脑已安装node.新建个文件夹,准备存放服务文件,打开文件夹,按住shift右键快捷打开powershell窗口,执行命令npmiexpress然后依赖文件就安装好了   新建serve......
  • 接口测试|Charles证书的设置(抓HTTPS数据包)&SSL证书过期解决办法
    Charles证书的设置&SSL证书一年后过期解决办法Charles开启就可以直接开始抓取HTTP请求,需要抓取HTTPS请求时,则需要先安装证书,再进行抓取。设置证书抓取HTTPS的数据打开charle......
  • json格式数据,淘宝1688京东商品详情获取,便携式API接口
    商品详情API接口,万邦数据返回值说明,商品详情,关键词搜索,价格监控,卖家买家订单等相关数据接口商品详情获取 测试接口 json格式数据 "item":{ "num_iid":"583191269......
  • Python调用HTTP接口并传递cookie
    #get接口调用importurllibimporturllib2get_url="http://10.10.3.63/test?id=123&name=nba"cookie_headers={"Cookie":"person_id=2468"}req=urllib2.Req......
  • Java基础-普通类、抽象类、接口类
    普通类和抽象类的区别普通类可以有普通方法,不能有抽象方法;抽象类可以有普通方法和抽象方法普通类可以实例化,抽象类不能实例化普通类必须实现抽象类的抽象方法抽象类......
  • F12 XHR可以显示出接口的名称
    F12 XHR可以显示出接口的名称。 双击接口名,可以显示出这个接口的相关信息。    ......
  • 用各种思路实现五个接口的编写
    目录用各种思路实现五个接口的编写一、基于Django原生写五个接口1.视图层代码2.路由层代码二、基于drf实现五个接口的编写1.视图层代码2.序列化代码3.路由层代码三、基于序......
  • 函数式接口
    函数式接口函数式接口:有且仅有一个抽象方法的接口函数式接口适用于Lambda表达式只有确保接口中有且仅有一个抽象方法,Lambda才能顺利推导定义一个函数式接口@Funct......
  • drf 序列化与反序列化 接口
    基于APIView编写5个接口之前是基于django的原生View编写接口现在用基于drf的APIView编写接口#drf提供了一个APIView类,以后用drf写视图类都是继承这个类或其子类,APIVie......
  • 基于STM32使用HAL库手把手移植华为LiteOS系统并使用CMSIS接口API
    基于STM32使用HAL库手把手移植华为LiteOS系统并使用CMSIS接口API目录​​基于STM32使用HAL库手把手移植华为LiteOS系统并使用CMSIS接口API​​​​(一)说明​​​​(二)裸机工程......